<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*banner begin*/
.ys_bt{ width:100%; text-align:center; font-size:30px; color:#fff; font-weight:bolder; margin:30px auto 45px }
.active .ys_bt{    animation: zifadeInDown 0.8s ease 0.6s both;}
.active .ys dt{animation: fadeInUp 0.8s ease 0.6s both;}
.ys{ width:100%; display:table; margin:0px auto 0; padding:0 8%;  box-sizing:border-box; position:absolute; top:80px; z-index:999;}
.ys dt { border:1px solid #e6f4ff; float:left; width:18%; box-sizing:border-box; height:220px; margin: 1%;background:rgba(255,255,255,.3) }
.ys dt a{ display:block;transition: all .3s; color:#fff;text-align:center}
/*.ys dt:nth-child(4n) {border-right: none; }
*/.ys dt a .ys_t{  display:table; width:90px; height:90px; margin:25px auto 0 auto; padding:8px; box-sizing:border-box; transition: all .3s;background:rgba(113,167,213,.0) ; }
.ys dt a h1{ font-size:20px; font-weight:bolder; display:block; text-align:center; line-height:30px; padding:10px 0 0}
.ys dt a span{ width:80%; margin:0 auto; display:table; font-size:15px; line-height:20px; text-transform:uppercase; opacity:.5}
.ys dt:hover{ background:#fff;    box-shadow: 0 0 30px rgba(0,0,0,.2);} 
.ys dt a:hover { color:#333}
.ys dt a:hover .ys_t{padding:8px;margin:35px auto 0 auto;  background:#71a7d4; border-radius:50%; }
.ys dt:hover{ border:2px solid #fff}



/*fwzz*/
.fwzz{ width:100%; display:table}
.fwzz dt{ width:18%; float:left; margin:0 1% 15px;}
.fwzz dt a .fwzz_t{ width:100%;}
.fwzz dt a  span{ width:100%; text-align:center; font-size:18px; line-height:2; color:#000; display:table; padding:15px 0 0;}
.fwzz dt a:hover span{ color:#71a7d4} 

.section1{ position:relative;}
.wz{ width:1200px;overflow:hidden; position:relative; margin:0 auto; text-align:center; top:140px; padding:0; color:#000; font-size:20px;}
.wz h1{ font-size:54px; font-weight:100; line-height:40px; /*background: url(../images/ban_bj.png) repeat; */color:#fff; text-align:center; padding:15px 30px; display:table; margin:0 auto; border-radius:5px;}
.winzi{ width:100%; height:100%; overflow:hidden; position:relative; padding:300px 0 0 ;}

.winzi h1{text-align:center; margin:0 auto; color:#000; font-size:50px; line-height:1.2; margin-bottom:20px; visibility:hidden}
.winzi h1 span{ font-size:60px; font-weight:bolder;}
.winzi p{ text-align:center; margin:0 auto;line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000; visibility:hidden}

.winzi span{ display:block; margin-top:10px; visibility:hidden;}

.ani-slide .winzi h1{ visibility:visible;-webkit-animation: zifadeInUp 0.8s ease 0.6s both;

	-ms-animation: zifadeInUp 0.8s ease 0.6s both;

	-moz-animation: zifadeInUp 0.8s ease 0.6s both;

	-o-animation: zifadeInUp 0.8s ease 0.6s both;

	animation: zifadeInUp 0.8s ease 0.6s both;

	visibility: visible;}

.ani-slide .winzi p{ visibility:visible;-webkit-animation: zifadeInUp 0.8s ease 0.8s both;

	-ms-animation: zifadeInUp 0.8s ease 0.8s both;

	-moz-animation: zifadeInUp 0.8s ease 0.8s both;

	-o-animation: zifadeInUp 0.8s ease 0.8s both;

	animation: zifadeInUp 0.8s ease 0.8s both;

	visibility: visible;}

.ani-slide .winzi span{ visibility:visible;-webkit-animation: zifadeInUp 0.8s ease 1s both;

	-ms-animation: zifadeInUp 0.8s ease 1s both;

	-moz-animation: zifadeInUp 0.8s ease 1s both;

	-o-animation: zifadeInUp 0.8s ease 1s both;

	animation: zifadeInUp 0.8s ease 1s both;

	visibility: visible;}

.bone{ width:36px; height:36px;  position:absolute; left:0; right:0; bottom:43px; margin:0 auto; z-index:999;animation: whirl 10s linear infinite;  }

@keyframes whirl1 {

            from {

                transform: rotate(0deg);

            }

            to {

                transform: rotate(360deg);

            }

        }

@media(max-width:1366px){

.winzi{ width:100%; height:100%; overflow:hidden; position:relative; padding:230px 0 0 100px;}	
.wz{ width:100%;top:120px;}
}

@media(max-width:1024px){

.winzi{ width:100%; height:100%; overflow:hidden; position:relative; padding:130px 0 0 30px;}

.winzi h1{ color:#000; font-size:38px; font-weight:bold; line-height:58px; margin-bottom:20px; visibility:hidden}

.winzi p{ line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; visibility:hidden}
.wz h1{ font-size:30px;}
.winzi span{ display:block; margin-top:30px; /*width:47px;*/ visibility:hidden;}	

}

@media(max-width:414px){

.winzi{ width:100%; height:100%; overflow:hidden; position:relative; padding:180px 30px 0 30px;}

.winzi h1{ color:#000; font-size:28px; font-weight:bold; line-height:38px; margin-bottom:20px; visibility:hidden}
.wz h1{ font-size:24px;}

.winzi p{ line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000; visibility:hidden}

.winzi span{ display:block; margin-top:30px; /*width:47px;*/ visibility:hidden;}	
.winzi h1 span{ font-size:24px;}
}

/*banner end*/



/*main begin*/

.section2{ clear:both; background:#fff;}

.gyli_l{ float:left; width:50%;height:calc(100% - 0px);height:-moz-calc(100% - 0px);height:-webkit-calc(100% - 0px); }

.gyli_l img{ display:block; width:100%;height:calc(100% - 0px);height:-moz-calc(100% - 0px);height:-webkit-calc(100% - 0px); }

.gyli_r{ float:right; width:50%; padding:280px 205px 0 112px;}

.gyli_rt{ height:auto; color:#333333; font-size:36px; line-height:46px; margin-bottom:40px;}

.gyli_rt i{ display:block; color:#cccccc; font-size:36px; line-height:38px; margin-bottom:20px;  }

.active .gyli_rt{animation: zifadeInDown 0.8s ease 0.6s both;}

.gyli_rb{ height:auto;}

.gyli_rb p{ line-height:28px; color:#333333; font-size:15px; letter-spacing:1px; margin-bottom:30px;}

.gyli_rb span{ display:block; width:200px; height:54px; background:#71a7d4; text-align:center; line-height:54px; margin-top:60px; color:#fff; font-size:14px;transition: all 0.5s ease;}

.gyli_rb span a{ display:block; width:100%; color:#fff; font-size:14px; text-align:center;}

.gyli_rb span:hover{ border-radius:10px}

.active .gyli_rb p:nth-child(1){animation: zifadeInUp 0.8s ease 0.8s both;}

.active .gyli_rb p:nth-child(2){animation: zifadeInUp 0.8s ease 1s both;}

.active .gyli_rb span{animation: zifadeInUp 1.2s ease 1s both;}

#fp-nav.onee ul li a span{ background:#71a7d4;}

@media(max-width:1680px){

.gyli_r{ float:right; width:50%; padding:230px 185px 0 112px;}	

}

@media(max-width:1600px){

.gyli_r{ float:right; width:50%; padding:120px 185px 0 112px;}	

}

@media(max-width:1440px){

.gyli_r{ float:right; width:50%; padding:120px 155px 0 60px;}	

.gyli_rb span{ display:block; width:200px; height:54px; background:#71a7d4; text-align:center; line-height:54px; margin-top:30px; color:#fff; font-size:14px;transition: all 0.5s ease;}

}

@media(max-width:1366px){

.gyli_r{ float:right; width:50%; padding:100px 135px 0 60px;}	

.gyli_rb span{ display:block; width:200px; height:54px; background:#71a7d4; text-align:center; line-height:54px; margin-top:15px; color:#fff; font-size:14px;transition: all 0.5s ease;}

.gyli_rb p{ line-height:28px; color:#333333; font-size:15px; letter-spacing:1px; margin-bottom:15px;}

.gyli_rt{ height:auto; color:#333333; font-size:36px; line-height:46px; margin-bottom:20px;}

}

@media(max-width:1024px){

.gyli_r{ float:right; width:100%; padding:30px 30px;}	

.gyli_rb span{ display:block; width:180px; height:45px; background:#71a7d4; text-align:center; line-height:45px; margin-top:15px; color:#fff; font-size:14px;transition: all 0.5s ease;}

.gyli_rb p{ line-height:24px; color:#333333; font-size:14px; letter-spacing:1px; margin-bottom:10px;}

.gyli_rt{ height:auto; color:#333333; font-size:20px; line-height:36px; margin-bottom:15px;}

.gyli_l{ float:left; width:100%;height:45%; }

.gyli_l img{ display:block; width:100%; }

.gyli_rt i{ display:block; color:#cccccc; font-size:18px; line-height:28px; margin-bottom:0px;  }

.header{ background:rgba(255,255,255,1);box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1);}

}

@media(max-width:414px){
.wz h1{ width:90%; font-size:24px; padding:10px 2%; box-sizing:border-box;}	

.gyli_r{ float:right; width:100%; padding:30px 15px;}	

.gyli_rb span{ display:block; width:180px; height:45px; background:#71a7d4; text-align:center; line-height:45px; margin-top:15px; color:#fff; font-size:14px;transition: all 0.5s ease;}

.gyli_rb p{ line-height:1.5rem; height:9rem; overflow:hidden; color:#333333; font-size:14px; letter-spacing:1px; margin-bottom:10px;}

.gyli_rt{ height:auto; color:#333333; font-size:20px; line-height:36px; margin-bottom:15px;}

.gyli_l{ float:left; width:100%;height:45%; }

.gyli_l img{ display:block; width:100%; }

.gyli_rt i{ display:block; color:#cccccc; font-size:18px; line-height:28px; margin-bottom:0px;  }

}



.section3{ width:100%; height:auto; background:url(../images/bg1.jpg) no-repeat center center; background-size:cover; padding-top:68px;}

.xwci_t{ height:auto; text-align:center; color:#fff; font-size:36px; line-height:38px; margin-bottom:40px; display:none;}

.active .xwci_t{animation: zifadeInDown 0.8s ease 0.8s both;}

.xwci_b{ position:relative; width:100%; height:auto; min-height:888px !important; margin:0 auto; margin-top:-30px;}

.xwci_bt{ height:auto; width:100%; margin:0 auto; position:absolute; top:-150px;}

.xwci_bt img{ display:block; max-width:100%; margin:0 auto;animation: whirl 50s linear infinite; }

.xwci_bc{ width:100%; height:602px; position:absolute; left:0; top:192px;}

.xwci_bv{ width:100%; height:auto; position:relative; z-index:999; padding-top:365px; padding-left:565px;}

.xwci_bv img{ display:block; max-width:100%;}

.xwci_bx{ height:auto; position:relative; z-index:99; padding-left:386px; margin-top:-60px;}

.zoni{ position:absolute; width:392px; height:138px; left:0px; top:230px;background:url(../images/tu8.png) no-repeat left center;}

.zono{ position:absolute; width:343px; height:138px; right:0px; top:230px; background:url(../images/tu9.png) no-repeat right center;}

.active .zoni{animation:shoi 2s linear 1; }

.active .zono{animation:shoio 2s linear 1 alternate; }

.active .xwci_bc{animation:popIn 1.5s linear 1 alternate;}

.active .xwci_bv{animation:popIn 1.5s linear 1 alternate;}

.zini{ width:834px; height:795px; margin:0 auto;position:absolute; left:0; right:0; margin:0 auto; top:80px; z-index:9999;}

.zini li{ position:absolute; width:114px; text-align:center;}

.zini li img{ display:block; margin:0 auto; max-width:100%; margin-bottom:10px;transition: all 1s ease;}

.zini li a{ display:block; color:#fff; font-size:16px; line-height:24px; font-weight:bold; text-align:center;}

.zini li:nth-child(1){ left:374px; top:0;}
.zini li:nth-child(2){ left:574px; top:60px;}
.zini li:nth-child(3){ left:729px; top:250px;}
.zini li:nth-child(4){ left:674px; top:475px;}
.zini li:nth-child(5){ left:374px; top:500px;}
.zini li:nth-child(6){ left:675px; top:130px;}
.zini li:nth-child(7){ left:679px; top:475px;}
.zini li:nth-child(8){ left:80px; top:475px;}
.zini li:nth-child(9){ left:97px; top:138px;}

.zini li:hover img{ transform: scale(1.1);}
.active .zini li{animation: popIn 1s ease 1s both;}
.active .zini li:nth-child(1){animation-delay:0.5s;}
.active .zini li:nth-child(2){animation-delay:1s;}
.active .zini li:nth-child(3){animation-delay:2s;}
.active .zini li:nth-child(4){animation-delay:3s;}
.active .zini li:nth-child(5){animation-delay:4s;}

@media(max-width:1680px){

.xwci_bc{ width:100%; height:602px; position:absolute; left:0; top:142px;}

.xwci_bc img{ display:block; width:90%; margin:0 auto;}	

.zoni{ position:absolute; width:392px; height:138px; left:29px; top:200px;background:url(../images/tu8.png) no-repeat left center;}

.zono{ position:absolute; width:343px; height:138px; right:32px; top:200px; background:url(../images/tu9.png) no-repeat right center;}

.zini li img{ display:block; margin:0 auto; max-width:60%; margin-bottom:10px;}

.zini li a{ display:block; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-align:center;}

.zini li:nth-child(1){ left:374px; top:0;}

.zini li:nth-child(2){ left:725px; top:160px;}

.zini li:nth-child(3){ left:729px; top:545px;}

.zini li:nth-child(4){ left:50px; top:545px;}

.zini li:nth-child(5){ left:47px; top:158px;}

.zini li:nth-child(6){ left:675px; top:130px;}
.zini li:nth-child(7){ left:679px; top:475px;}
.zini li:nth-child(8){ left:80px; top:475px;}
.zini li:nth-child(9){ left:97px; top:138px;}


}

@media(max-width:1600px){

.xwci_bc{ width:100%; height:602px; position:absolute; left:0; top:142px;}

.xwci_bc img{ display:block; width:75%; margin:0 auto;}	

.zoni{ position:absolute; width:392px; height:138px; left:69px; top:155px;background:url(../images/tu8.png) no-repeat left center;}

.zono{ position:absolute; width:343px; height:138px; right:82px; top:155px; background:url(../images/tu9.png) no-repeat right center;}

.zini li img{ display:block; margin:0 auto; max-width:60%; margin-bottom:10px;}

.zini li a{ display:block; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-align:center;}

.zini li:nth-child(1){ left:374px; top:0;}
.zini li:nth-child(2){ left:575px; top:50px;}
.zini li:nth-child(3){ left:680px; top:100px;}
.zini li:nth-child(4){ left:374px; top:475px;}
.zini li:nth-child(5){ left:97px; top:138px;}
.zini li:nth-child(6){ left:675px; top:130px;}
.zini li:nth-child(7){ left:679px; top:475px;}
.zini li:nth-child(8){ left:80px; top:475px;}
.zini li:nth-child(9){ left:97px; top:138px;}





.xwci_bv{ width:100%; height:auto; position:relative; z-index:999; padding-top:310px; padding-left:615px;}

.xwci_bv img{ display:block; max-width:20%;}

.xwci_bx{ height:auto; position:relative; z-index:99; padding-left:426px; margin-top:-60px;}

.xwci_bx img{ max-width:60%;}

.xwci_bt{ height:auto; width:1051px; margin:0 auto; position:absolute; left:170px; top:-60px;}

.xwci_bt img{ display:block; max-width:70%; margin:0 auto;animation: whirl 50s linear infinite; }

}

@media(max-width:1366px){

.xwci_bc{ width:100%; height:602px; position:absolute; left:0; top:142px;}

.xwci_bc img{ display:block; width:55%; margin:0 auto;}	

.zoni{ position:absolute; width:392px; height:138px; left:124px; top:96px;background:url(../images/tu8.png) no-repeat left center;}

.zono{ position:absolute; width:343px; height:138px; right:145px; top:96px; background:url(../images/tu9.png) no-repeat right center;}

.zini li img{ display:block; margin:0 auto; max-width:60%; margin-bottom:10px;}

.zini li a{ display:block; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-align:center;}

.zini li:nth-child(1){ left:374px; top:0;}

.zini li:nth-child(2){ left:625px; top:90px;}

.zini li:nth-child(3){ left:609px; top:350px;}

.zini li:nth-child(4){ left:130px; top:350px;}

.zini li:nth-child(5){ left:147px; top:98px;}

.xwci_bv{ width:100%; height:auto; position:relative; z-index:999; padding-top:255px; padding-left:630px;}

.xwci_bv img{ display:block; max-width:15%;}

.xwci_bx{ height:auto; position:relative; z-index:99; padding-left:486px; margin-top:-42px;}

.xwci_bx img{ max-width:50%;}

.xwci_bt{ height:auto; width:1051px; margin:0 auto; position:absolute; left:170px; top:-60px;}

.xwci_bt img{ display:block; max-width:60%; margin:0 auto;animation: whirl 50s linear infinite; }

}

@media(max-width:768px){

.xwci_b{ position:relative; width:100%; height:100%; min-height:auto !important; margin:0 auto; margin-top:0px; overflow:hidden;}	

.xwci_bt{ height:auto; width:1051px; margin:0 auto; position:absolute; left:170px; top:-150px; display:none;}

.xwci_bc{ width:100%; height:auto; position:inherit; left:0; top:0px;}

.xwci_bc img{ display:none;}

.xwci_bx{ height:auto; position:relative; z-index:99; padding-left:486px; margin-top:-42px; display:none;}

.zini{ width:100%; height:auto; margin:0 auto;position:inherit; left:0; right:0; margin:0 auto; top:0px; overflow:hidden; margin-bottom:30px;}

.zini li{ position:inherit; width:103px; text-align:center; float:left; width:33.33%; padding-bottom:1rem;}

.zoni{ position:inherit; width:392px; height:138px; left:0px; top:0px;background:url(../images/tu8.png) no-repeat left center;}

.zono{ position:inherit; width:343px; height:138px; left:0px; top:0px; background:url(../images/tu9.png) no-repeat left center;}

.active .zono{animation:shoio 2s linear 1 alternate; }
.xwci_t{ display:block; padding:10% 0 0;}

}

.dlgi{ width:100%; height:100%;}

.dlgi_l{ float:left; width:50%;height:calc(100% - 0px);height:-moz-calc(100% - 0px);height:-webkit-calc(100% - 0px);}

.dlgi_l img{ width:100%;height:calc(100% - 0px);height:-moz-calc(100% - 0px);height:-webkit-calc(100% - 0px);}

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:380px 150px 0 113px;}

.dlgi_rt{ color:#fff; font-size:36px; line-height:38px; margin-bottom:50px;}

.dlgi_rt i{ display:block; color:#fff;   line-height:38px; font-size:36px; margin-bottom:20px;}

.dlgi_rc{ height:auto; padding-bottom:80px;}

.dlgi_rc p{ color:#fff; line-height:24px; font-size:16px;}

.dlgi_rb{ width:200px; height:54px; background:#fff; text-align:center; line-height:54px;transition: all 0.5s ease;}

.dlgi_rb a{ display:block; width:100%; color:#333333; font-size:14px; text-align:center;}

.dlgi_rb:hover{ border-radius:10px;}

.active .dlgi_rt{animation: zifadeInDown 0.8s ease 0.6s both;}

.active .dlgi_rc{animation: zifadeInUp 0.8s ease 0.7s both;}

.active .dlgi_rb{animation: zifadeInUp 0.8s ease 0.8s both;}

.awse{ position:absolute; width:259px; left:701px; top:269px;}

.awse li{ display:block; width:100%; margin-bottom:20px;}

.awse li a{ display:block; width:100%; line-height:80px; text-align:center; color:#fff; font-size:22px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

.xiao{ background:rgba(0,0,0,0.5);}

.dada{ background:rgba(100,135,172,0.83);}

.active .awse{animation: fadeInUp 0.8s ease 0.6s both;}

@media(max-width:1680px){

.awse{ position:absolute; width:259px; left:581px; top:269px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:340px 150px 0 113px;}

}

@media(max-width:1600px){

.awse{ position:absolute; width:259px; left:541px; top:289px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:250px 100px 0 60px;}

}

@media(max-width:1440px){

.awse{ position:absolute; width:259px; left:461px; top:349px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:290px 100px 0 60px;}

.awse li a{ display:block; width:100%; line-height:59px; text-align:center; color:#fff; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

}

@media(max-width:1366px){

.awse{ position:absolute; width:259px; left:425px; top:249px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:200px 100px 0 60px;}

.awse li a{ display:block; width:100%; line-height:59px; text-align:center; color:#fff; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

}

@media(max-width:1360px){

.awse{ position:absolute; width:259px; left:421px; top:189px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:200px 100px 0 60px;}

.awse li a{ display:block; width:100%; line-height:59px; text-align:center; color:#fff; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

}

@media(max-width:1280px){

.awse{ position:absolute; width:259px; left:381px; top:229px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:200px 100px 0 60px;}

.awse li a{ display:block; width:100%; line-height:59px; text-align:center; color:#fff; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

}

@media(max-width:1024px){

.awse{ position:absolute; width:259px; left:253px; top:229px;}	

.dlgi_r{ float:right; width:50%; height:100%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:200px 100px 0 60px;}

.awse li a{ display:block; width:100%; line-height:59px; text-align:center; color:#fff; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

}

@media(max-width:768px){

.awse{ position:absolute; width:259px; left:253px; top:229px;}	

.dlgi_l{ float:left; width:100%;height:50%;}

.dlgi_l img{ width:100%;height:auto;}

.dlgi_r{ float:right; width:100%; /*height:auto;*/ background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:30px 30px; margin-top:-10px;}

.awse li a{ display:block; width:100%; line-height:59px; text-align:center; color:#fff; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-radius:5px;}

.awse{ position:absolute; width:100%; padding:0 30px; left:0; top:120px;}

.awse li{ display:block; width:100%; margin-bottom:20px; float:left; width:31%; margin-right:2.3%;}

.awse li:last-child{ margin-right:0%;}

.dlgi_rc{ height:auto; padding-bottom:30px;}

.dlgi_rc p{ color:#fff; line-height:24px; font-size:14px;}

.dlgi_rb{ width:180px; height:45px; background:#fff; text-align:center; line-height:45px;transition: all 0.5s ease;}

.dlgi_rt{ color:#fff; font-size:20px; line-height:28px; margin-bottom:20px;}

.dlgi_rt i{ display:block; color:#fff;   line-height:28px; font-size:20px; margin-bottom:10px;}

}

@media(max-width:414px){

.awse{ position:absolute; width:259px; left:253px; top:229px;}	

.dlgi_l{ float:left; width:100%;height:50%;}

.dlgi_l img{ width:100%;height:auto;}

.dlgi_r{ float:right; width:100%; height:60%; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:30px 15px; margin-top:-10px;}

.awse li a{ display:block; width:100%; line-height:45px; text-align:center; color:#fff; font-size:14px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-radius:5px;}

.awse{ position:absolute; width:100%; padding:0 15px; left:0; top:139px; z-index:9999}

.awse li{ display:block;margin-bottom:20px; float:left; width:31%; }

.awse li:last-child{ margin-right:0%;}

.dlgi_rc{ height:auto; padding-bottom:30px;}

.dlgi_rc p{ color:#fff; line-height:24px; font-size:14px;}

.dlgi_rb{ width:180px; height:45px; background:#fff; text-align:center; line-height:45px;transition: all 0.5s ease;}

.dlgi_rt{ color:#fff; font-size:20px; line-height:28px; margin-bottom:20px;}

.dlgi_rt i{ display:block; color:#fff;   line-height:28px; font-size:20px; margin-bottom:10px;}

}

@keyframes whirl {

            from {

                transform: rotate(0deg);

            }

            to {

                transform: rotate(360deg);

            }

        }

@keyframes shoi {

            from {

				opacity:0;

                width:0px;

				height:138px;

            }

            to {

				opacity:1;

                width:392px;

				height:138px;

            }

        }

		@keyframes shoio {

            from {

				opacity:0;

                width:0px;

				height:138px;

            }

            to {

				opacity:1;

                width:343px;

				height:138px;

            }

        }

		

.section5{ clear:both; width:100%; background:url(../images/bg3.jpg) no-repeat center top #f1f2f2; overflow:hidden;}

.box1{ width:100%; height:auto; padding:225px 204px 0 214px;}

.box1 dl{ float:left; width:21%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:5.3%; margin-bottom:90px;}

.box1 dt{ width:100%; height:auto; overflow:hidden;}

.box1 dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}

.box1 dd{ padding:30px; height:auto; overflow:hidden;}

.box1 dd span{ display:block; color:#666666; line-height:22px;}

.box1 dd h1{ color:#333333; font-size:16px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;}

.box1 dd p{ color:#666666; line-height:22px; font-size:14px; overflow:hidden; height:44px; margin-bottom:30px;}

.box1 dd font{ display:block; color:#666666; font-size:14px;transition: all 1s ease; }

.box1 dd font i{ display:block; float:left; width:90px; height:1px; background:#cccccc; margin-right:20px;margin-top:10px;transition: all 1s ease;}

.box1 dl:hover dd font i{ background:#24478b;}

.box1 dl:hover dd font{ color:#24478b;}

.box1 dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.box1 dl.qcbj{ margin-right:0px;}

.active .box1 dl:nth-child(1){animation: zifadeInDown 1s ease 0.6s both;}

.active .box1 dl:nth-child(2){animation: zifadeInDown 1s ease 0.8s both;}

.active .box1 dl:nth-child(3){animation: zifadeInDown 1s ease 1s both;}

.active .box1 dl:nth-child(4){animation: zifadeInDown 1s ease 1.2s both;}

.xink{ width:200px; height:54px; background:#71a7d4; text-align:center; line-height:54px; margin:0 auto; clear:both;transition: all 0.5s ease;}

.xink a{ display:block; width:100%; text-align:center; color:#fff; font-size:14px;}

.active .xink{animation: zifadeInUp 1s ease 0.6s both;}

.xink:hover{ border-radius:10px;}

@media(max-width:1680px){

.box1{ width:100%; height:auto; padding:175px 120px 0 120px;}	

}

@media(max-width:1600px){

.box1{ width:100%; height:auto; padding:175px 120px 0 120px;}	

.box1 dl{ float:left; width:21%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:5.3%; margin-bottom:30px;}

}

@media(max-width:1440px){

.box1{ width:100%; height:auto; padding:235px 60px 0 60px;}	

.box1 dl{ float:left; width:21%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:5.3%; margin-bottom:60px;}

.box1 dd{ padding:20px; height:auto; overflow:hidden;}

.box1 dd p{ color:#666666; line-height:22px; font-size:14px; overflow:hidden; height:44px; margin-bottom:10px;}

}

@media(max-width:1366px){

.box1{ width:100%; height:auto; padding:135px 60px 0 60px;}	

.box1 dl{ float:left; width:21%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:5.3%; margin-bottom:30px;}

.box1 dd{ padding:20px; height:auto; overflow:hidden;}

.box1 dd p{ color:#666666; line-height:22px; font-size:14px; overflow:hidden; height:44px; margin-bottom:10px;}

}

@media(max-width:1024px){

.box1{ width:100%; height:auto; padding:205px 30px 0 30px;}	

.box1 dl{ float:left; width:23%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:2.3%; margin-bottom:30px;}

.box1 dd{ padding:20px; height:auto; overflow:hidden;}

.box1 dd p{ color:#666666; line-height:22px; font-size:14px; overflow:hidden; height:44px; margin-bottom:10px;}

.box1 dd font i{ display:block; float:left; width:40px; height:1px; background:#cccccc; margin-right:20px;margin-top:10px;transition: all 1s ease;}

}

@media(max-width:768px){

.box1{ width:100%; height:auto; padding:105px 30px 30px 30px;}	

.box1 dl{ float:left; width:48%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:0%; margin-bottom:20px;}

.box1 dd{ padding:20px; height:auto; overflow:hidden;}

.box1 dd p{ color:#666666; line-height:25px; font-size:14px; overflow:hidden; height:25px; margin-bottom:10px;}

.box1 dd font i{ display:block; float:left; width:40px; height:1px; background:#cccccc; margin-right:20px;margin-top:10px;transition: all 1s ease;}

.box1 dl:nth-child(even){ float:right;}

.section5{ clear:both; width:100%; background:url(../images/bg3.jpg) no-repeat center top #f1f2f2; overflow:hidden; padding-bottom:50px;}

}

@media(max-width:414px){

.box1{ width:100%; height:auto; padding:120px 15px 30px 15px;}	

.box1 dl{ float:left; width:48%; height:auto; background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:0%; margin-bottom:20px;}

.box1 dd{ padding:10px; height:auto; overflow:hidden;}

.box1 dd p{ display:none; color:#666666; line-height:25px; font-size:14px; overflow:hidden; height:25px; margin-bottom:10px;}

.box1 dd font i{ display:block; float:left; width:40px; height:1px; background:#cccccc; margin-right:20px;margin-top:10px;transition: all 1s ease;}

.box1 dl:nth-child(even){ float:right;}

.xink{ width:180px; height:45px; background:#71a7d4; text-align:center; line-height:45px; margin:0 auto; clear:both;transition: all 0.5s ease;}
.box1 dd h1{ margin-bottom:8px;}
}

/*main end*/



/*走进领航 begin*/

.box{ clear:both; width:100%; height:auto; position:fixed; left:0; top:0; padding:5px 50px;background:#fff;box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1); z-index:99999999}

.sticky{ background:#fff;}

.zj_box{ width:100%; height:auto; padding:323px 240px 200px 240px; position:relative; z-index:9999;}

.zj_box h1{ color:#fff; font-size:44px; line-height:54px;}

.zj_box p{ color:#fff;   font-size:44px; line-height:54px;}

.daoi{ float:left; margin-right:99px;}

.daoi li{ float:left; margin-right:82px; line-height:30px;}

.daoi li a{ color:#fff; font-size:16px; display:block; transition: all 1s ease;}

.daoi li a:hover{ font-weight:bold;}

@media(max-width:1680px){

.daoi{ float:left; margin-right:39px;}

.daoi li{ float:left; margin-right:82px; line-height:30px;}

.zj_box{ width:100%; height:auto; padding:323px 160px 200px 160px;}



}

@media(max-width:1600px){

.daoi{ float:left; margin-right:39px;}

.daoi li{ float:left; margin-right:62px; line-height:30px;}

.zj_box{ width:100%; height:auto; padding:323px 160px 200px 160px;}

}

@media(max-width:1440px){

.daoi{ float:left; margin-right:30px;}

.daoi li{ float:left; margin-right:42px; line-height:30px;}

.zj_box{ width:100%; height:auto; padding:323px 100px 200px 100px;}

}

@media(max-width:1366px){

.daoi{ float:left; margin-right:30px;}

.daoi li{ float:left; margin-right:32px; line-height:30px;}

}

@media(max-width:1240px){

.daoi{ float:left; margin-right:20px;}

.daoi li{ float:left; margin-right:22px; line-height:30px;}

}

@media(max-width:1024px){

.daoi{ float:left; margin-right:20px; display:none;}

.daoi li{ float:left; margin-right:22px; line-height:30px;}

.box{ clear:both; width:100%; height:auto; position:fixed; left:0; top:0; padding:5px 30px }

.zj_box{ width:100%; height:auto; padding:170px 30px 120px 30px;}

.zj_box h1{ color:#fff; font-size:24px; line-height:34px;}

.zj_box p{ color:#fff;   font-size:24px; line-height:34px;}

}

@media(max-width:414px){

.daoi{ float:left; margin-right:20px; display:none;}

.daoi li{ float:left; margin-right:22px; line-height:30px;}

.box{ clear:both; width:100%; height:auto; position:fixed; left:0; top:0; padding:10px 15px 10px 15px; z-index:99999}

.zj_box{ width:100%; height:auto; padding:170px 30px 80px 30px;}

.zj_box h1{ color:#fff; font-size:24px; line-height:34px;}

.zj_box p{ color:#fff;   font-size:24px; line-height:34px;}

}



.box2{ clear:both; width:100%; height:auto; min-height:70px !important; background:#f5f5f5; padding:0 240px; position:relative; z-index:999;}

.box2 ul{ float:right;}

.box2 li{ float:left; text-align:center; line-height:70px; cursor:pointer;}

.box2 li a{ display:block; text-align:center; padding:0 50px; color:#333333; font-size:16px;}

.box2 li a:hover{ background:#71a7d4; color:#fff;}

.box2 li.red a{ background:#71a7d4; color:#fff;}

@media(max-width:1680px){

.box2{ clear:both; width:100%; height:auto; min-height:70px !important; background:#f5f5f5; padding:0 160px;}

}

@media(max-width:1440px){

.box2{ clear:both; width:100%; height:auto; min-height:70px !important; background:#f5f5f5; padding:0 100px;}

}

@media(max-width:1024px){

.box2{ clear:both; width:100%; height:auto; min-height:50px !important; background:#f5f5f5; padding:0 30px;}

.box2 li{ float:left; text-align:center; line-height:50px; cursor:pointer;}

}

@media(max-width:414px){

.box2{ clear:both; width:100%; height:auto; min-height:50px !important; background:#f5f5f5; padding:0 15px;}

.box2 ul{ float:right; width:100%;}

.box2 li{ float:left; width:25%; text-align:center; line-height:50px; cursor:pointer;}

.box2 li a{ display:block; width:100%; text-align:center; padding:0 0px; color:#333333; font-size:14px;}
}



.zj_box1{ clear:both; width:100%; height:auto; padding:100px 240px; background:#fff; overflow:hidden;}

.gjji_l{ float:left; width:57%; height:auto; overflow:hidden;}
.gjji_w{ width:100%;height:auto;}
.gjji_lt{ color:#333333; font-size:36px; line-height:46px; margin-bottom:50px; text-align:center;}

.gjji_lt i{ display: block; color: #cccccc; font-size: 30px; line-height: 46px; font-style: italic;text-align:center; }

.gjji_lc{ height:auto; padding-bottom:80px;}

.gjji_lc p{ line-height:32px; color:#333333; font-size:16px;}

.gjji_lb{ height:auto;}
.gjji_lb li{ float:left;/* margin-right:86px;*/ width:20%; text-align:center; margin:0 auto 15px;}
.gjji_lb li p{ color:#71a7d4; font-size:16px;text-align:center}
.gjji_lb li p span{ color:#71a7d4; font-size:78px; text-align:center; line-height:78px;}
.gjji_lb li font{ display:block; color:#333333; line-height:27px; text-align:center;font-size:14px;}

.gjji_lb li.qcbj{ margin-right:0px;}

.gjji_r{ float:right; width:39%; height:auto;}

.gjji_r img{ display:block; max-width:100%;}

@media(max-width:1680px){

.zj_box1{ clear:both; width:100%; height:auto; padding:100px 160px; background:#fff; overflow:hidden;}	

}

@media(max-width:1440px){

.zj_box1{ clear:both; width:100%; height:auto; padding:100px 100px; background:#fff; overflow:hidden;}	

.gjji_lc{ height:auto; padding-bottom:30px;}

}

@media(max-width:1366px){

.zj_box1{ clear:both; width:100%; height:auto; padding:100px 100px; background:#fff; overflow:hidden;}	

.gjji_lb li{ float:left;text-align:center;}

}

@media(max-width:1360px){

.zj_box1{ clear:both; width:100%; height:auto; padding:100px 100px; background:#fff; overflow:hidden;}	

.gjji_lb li{ float:left;  text-align:center;}

}

@media(max-width:1280px){

.zj_box1{ clear:both; width:100%; height:auto; padding:100px 100px; background:#fff; overflow:hidden;}	

.gjji_lb li{ float:left; text-align:center;}

}

@media(max-width:1200px){

.zj_box1{ clear:both; width:100%; height:auto; padding:100px 100px; background:#fff; overflow:hidden;}	

.gjji_lb li{ float:left;  text-align:center;}

}

@media(max-width:1024px){

.zj_box1{ clear:both; width:100%; height:auto; padding:50px 30px; background:#fff; overflow:hidden;}	

.gjji_lb li{ float:left; text-align:center;}

}

@media(max-width:414px){

.zj_box1{ clear:both; width:100%; height:auto; padding:40px 15px 30px 15px;background:#fff}	

.gjji_lb li{ float:left; margin-right:0px; width:33.3%; text-align:center; margin-bottom:20px;}

.gjji_l{ float:left; width:100%; height:auto; overflow:hidden;}

.gjji_r{ float:right; width:100%; height:auto;}

.gjji_r img{ display:block; max-width:80%; margin:0 auto;}

.gjji_lt{ color:#333333; font-size:20px; line-height:26px; margin-bottom:20px;}

.gjji_lt i{ display:block; color:#cccccc; font-size:20px; line-height:26px;  }

.gjji_lc{ height:auto; padding-bottom:20px;}

.gjji_lc p{ line-height:24px; color:#333333; font-size:13px;}

.gjji_lb li p span{ color:#71a7d4; font-size:38px; line-height:38px;}

}



.zj_box2{ clear:both; width:100%; height:auto;}

.qywh_l{ float:left; width:50%; height:auto;}

.qywh_l video{ display:block; width:100%; height:593px;}

.qywh_r{ float:right; width:50%; height:593px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:183px 240px 0 80px;}

.qywh_rt{ color:#fff; font-size:36px; line-height:46px; margin-bottom:60px;}

.qywh_rt i{ display:block; color:#fff; font-size:36px;   line-height:46px;}

.qywh_rb{ height:auto;}

.qywh_rb p{ color:#fff; line-height:28px; font-size:15px;}

@media(max-width:1680px){

.qywh_l video{ display:block; width:100%; height:520px;}

.qywh_r{ float:right; width:50%; height:520px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:150px 160px 0 80px;}

}

@media(max-width:1600px){

.qywh_l video{ display:block; width:100%; height:495px;}

.qywh_r{ float:right; width:50%; height:495px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:140px 160px 0 80px;}

}

@media(max-width:1440px){

.qywh_l video{ display:block; width:100%; height:446px;}

.qywh_r{ float:right; width:50%; height:446px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:123px 100px 0 80px;}

}

@media(max-width:1366px){

.qywh_l video{ display:block; width:100%; height:423px;}

.qywh_r{ float:right; width:50%; height:423px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:103px 100px 0 80px;}

}

@media(max-width:1360px){

.qywh_l video{ display:block; width:100%; height:421px;}

.qywh_r{ float:right; width:50%; height:421px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:103px 100px 0 80px;}

}

@media(max-width:1280px){

.qywh_l video{ display:block; width:100%; height:396px;}

.qywh_r{ float:right; width:50%; height:396px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:83px 100px 0 80px;}

}

@media(max-width:1024px){

.qywh_l video{ display:block; width:100%; height:317px;}

.qywh_r{ float:right; width:50%; height:317px; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:93px 30px 0 30px;}

.qywh_rt{ color:#fff; font-size:20px; line-height:26px; margin-bottom:20px;}

.qywh_rt i{ display:block; color:#fff; font-size:20px;   line-height:26px;}

.qywh_rb p{ color:#fff; line-height:24px; font-size:13px;}

}

@media(max-width:768px){

.qywh_l{ float:left; width:100%; height:auto;}

.qywh_l video{ display:block; width:100%; height:auto;}

.qywh_r{ float:right; width:100%; height:auto; background:url(../images/bg4.jpg) no-repeat center center; background-size:cover; padding:30px 30px 30px 30px;}

.qywh_rt{ color:#fff; font-size:20px; line-height:26px; margin-bottom:20px;}

.qywh_rt i{ display:block; color:#fff; font-size:20px;   line-height:26px;}

.qywh_rb p{ color:#fff; line-height:24px; font-size:13px;}

}



.zj_box3{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:0px 240px 0px 240px; position:relative;}

.einn{ padding-top:120px;}

.cgsi_t{ height:auto; text-align:center; color:#333333; font-size:36px; line-height:46px; margin-bottom:90px;}

.cgsi_t i{ display:block; color:#cccccc; font-size:36px;   line-height:46px;}

.cgsi_b{ clear:both; width:100%; height:auto; overflow:hidden; padding:20px 20px;}

.xone{ position:relative; width:100%; height:100%;padding:25px;transition: all 1s ease; border:1px solid #ccc;}

.xone img{ display:block; margin:0 auto;}

.xone:hover{ transform:scale(1.1);}

.xone span{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;transition: all 1s ease;}

.xone span img{ height:296px;}

.xone span font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; font-size:24px;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.xone:hover span{ opacity:1;}

.xone:hover{ border:1px solid #fff;}

@media(max-width:1680px){

.zj_box3{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:0px 160px 0px 160px; position:relative;}	

.einn{ padding-top:120px;}

}

@media(max-width:1600px){

.xone span img{ height:278px;}	

}

@media(max-width:1440px){

.zj_box3{ clear:both; width:100%; height:auto; background:#fff;  padding:0px 100px 0px 100px; position:relative;}	

.einn{ padding-top:120px;}

.xone span img{ height:270px;}	

.cgsi_b{ clear:both; width:100%; height:auto; overflow:hidden; padding:30px 20px;}

.xone:hover{ transform:scale(1.05);}

}



@media(max-width:1024px){

.zj_box3{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:0px 30px 0px 30px; position:relative;}	

.einn{ padding-top:190px; margin-top:-150px;}

.xone span img{ height:224px;}	

.cgsi_t{ height:auto; text-align:center; color:#333333; font-size:20px; line-height:26px; margin-bottom:30px;}

.cgsi_t i{ display:block; color:#cccccc; font-size:20px;   line-height:26px;}

}

@media(max-width:414px){

.zj_box3{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:0px 15px 0px 15px; position:relative;}	

.einn{ padding-top:190px; margin-top:-150px;}

.xone span img{ height:268px;}	

.cgsi_t{ height:auto; text-align:center; color:#333333; font-size:20px; line-height:26px; margin-bottom:20px;}

.cgsi_t i{ display:block; color:#cccccc; font-size:20px;   line-height:26px;}

.xone span font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; font-size:18px;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}



}

@media(max-width:375px){

.zj_box3{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:40px 15px 0px 15px; position:relative;}	

.xone span img{ height:241px;}	

.cgsi_t{ height:auto; text-align:center; color:#333333; font-size:20px; line-height:26px; margin-bottom:20px;}

.cgsi_t i{ display:block; color:#cccccc; font-size:20px;   line-height:26px;}

}

@media(max-width:360px){

.zj_box3{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:0px 15px 0px 15px; position:relative;}	

.einn{ padding-top:190px; margin-top:-150px;}

.xone span img{ height:230px;}	
.gjji_lb li{ float:left; margin-right:0px; width:50%; text-align:center; margin-bottom:20px;}


.cgsi_t{ height:auto; text-align:center; color:#333333; font-size:20px; line-height:26px; margin-bottom:20px;}

.cgsi_t i{ display:block; color:#cccccc; font-size:20px;   line-height:26px;}

}



.zj_box4{ clear:both; width:100%; height:auto; background:#fff; padding:150px 240px 80px 240px; overflow:hidden;}

.cgsi_t1{ margin-bottom:60px;}

.hzhb{ height:auto;}

.hzhb li{ float:left; width:25%; border:1px solid #ccc;transition: all 1s ease;}

.hzhb li:hover{border: 1px solid transparent;

border-image: -webkit-linear-gradient(#27ffff, #7985fa) 20 20;

border-image: -moz-linear-gradient(#27ffff, #7985fa) 20 20;

border-image: -o-linear-gradient(#27ffff, #7985fa) 20 20;

border-image: linear-gradient(#27ffff, #7985fa) 20 20;}

@media(max-width:1680px){

.zj_box4{ clear:both; width:100%; height:auto; background:#fff; padding:150px 160px 80px 160px; overflow:hidden;}

}

@media(max-width:1440px){

.zj_box4{ clear:both; width:100%; height:auto; background:#fff; padding:150px 100px 80px 100px; overflow:hidden;}

}

@media(max-width:1024px){

.zj_box4{ clear:both; width:100%; height:auto; background:#fff; padding:40px 30px 40px 30px; overflow:hidden;}

.cgsi_t1{ margin-bottom:30px;}

}

@media(max-width:414px){

.zj_box4{ clear:both; width:100%; height:auto; background:#fff; padding:180px 15px 40px 15px; margin-top:-150px; overflow:hidden;}

.cgsi_t1{ margin-bottom:30px;}

.hzhb li{ float:left; width:50%; border:1px solid #ccc;transition: all 1s ease;}

}

/*走进领航 end*/



/*专家团队 begin*/

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:60px 201px 75px 201px; position:relative;}

.zjin{ width:100%; height:auto; overflow:hidden;}

.xonee {width:100%;height:844px;overflow:hidden; background:url(../images/bg7.png) no-repeat 918px 734px;}



.zice{ width:100%; height:auto; padding:0 92px 0 94px; position:relative;}

.zice_l{ float:left; width:53%; height:auto; min-height:736px !important; background:url(../images/bg5.jpg) no-repeat center bottom;}

.zice_l img{ display:block; margin:0 auto; max-width:100%;}

.zice_r{ position:absolute; width:53%; right:0; top:88px; background:#fff; min-height:540px !important; padding:80px 70px 0 60px;}

.zice_r h1{ color:#194596; font-size:36px; margin-bottom:20px;}

.zice_r h1 em{ color:#1a4698; font-size:16px; margin-left:25px;}

.zice_r p{ line-height:28px; color:#333333; font-size:15px; margin-bottom:10px;}

.zice_r p:last-child{ margin-bottom:0px;}



.xoni {width:100%;height:482px;overflow:hidden;}

.xonne{ width:100%; height:auto; padding:60px 0 0 40px; position:relative;transition: all 1s ease;}

.xoiex{ width:100%; height:390px; background:url(../images/bg6.jpg) no-repeat center bottom;}

.xoiex img{ display:block; max-width:100%; min-height:390px;}

.xoin{ width:218px; height:59px; background:#1a4598; text-align:center; line-height:59px; margin-top:-30px; z-index:99; position:absolute; left:0; color:#fff; font-size:26px; }

.xoin span{ color:#fff; font-size:16px; margin-left:15px;}

.swiper-slide-active .xonne{ padding:0px 0 0 40px;}

@media(max-width:1680px){

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:60px 160px 75px 160px; position:relative;}	

.xoiex img{ display:block; max-width:100%; min-height:351px;}

.xoiex{ width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center bottom;}

.xoni {width:100%;height:442px;overflow:hidden;}

}

@media(max-width:1440px){

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:60px 100px 75px 100px; position:relative;}	

.xoiex img{ display:block; max-width:100%; min-height:auto;}

.xoiex{ width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center 50px;}

.xoni {width:100%;height:402px;overflow:hidden;}

.zice_l{ float:left; width:48%; height:auto; min-height:667px !important; background:url(../images/bg5.jpg) no-repeat center bottom;}

.zice{ width:100%; height:auto; padding:0 52px 0 52px; position:relative;}

.xonee {width:100%;height:764px;overflow:hidden; background:url(../images/bg7.png) no-repeat 728px 664px;}



}

@media(max-width:1280px){

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:60px 100px 75px 100px; position:relative;}	

.xoiex img{ display:block; max-width:100%; min-height:260px;}

.xoiex{ width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center 50px;}

.xoni {width:100%;height:352px;overflow:hidden;}

.zice_l{ float:left; width:53%; height:auto; min-height:642px !important; background:url(../images/bg5.jpg) no-repeat center bottom;}

.zice_r{ position:absolute; width:50%; right:0; top:88px; background:#fff; min-height:540px !important; padding:80px 40px 0 40px;}

.zice{ width:100%; height:auto; padding:0 52px 0 52px; position:relative;}

.xonee {width:100%;height:754px;overflow:hidden; background:url(../images/bg7.png) no-repeat 518px 674px;}

}

@media(max-width:1024px){

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:40px 30px 40px 30px; position:relative;}	

.xoiex img{ display:block; max-width:100%; min-height:260px;}

.xoiex{ width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center 50px;}

.xoni {width:100%;height:352px;overflow:hidden;}

.zice_l{ float:left; width:53%; height:auto; min-height:634px !important; background:url(../images/bg5.jpg) no-repeat center bottom;}

.zice_r{ position:absolute; width:50%; right:0; top:88px; background:#fff; min-height:540px !important; padding:40px 30px 40px 30px;}

.zice{ width:100%; height:auto; padding:0 0px 0 0px; position:relative;}

.xonee {width:100%;height:674px;overflow:hidden; background:none;}

.zice_r h1{ color:#194596; font-size:26px; margin-bottom:20px;}

.xoin{ width:218px; height:59px; background:#1a4598; text-align:center; line-height:59px; margin-top:-30px; z-index:99; position:absolute; left:0; color:#fff; font-size:18px; }

.xoin span{ color:#fff; font-size:14px; margin-left:15px;}

}

@media(max-width:768px){

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:40px 30px 40px 30px; position:relative;}	

.xoiex img{ display:block; max-width:100%; min-height:260px;}

.xoiex{ width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center 50px;}

.xoni {width:100%;height:auto;overflow:hidden; margin-top:30px;}

.zice_l{ float:left; width:100%; height:auto; min-height:auto !important; background:url(../images/bg5.jpg) no-repeat center bottom;}

.zice_r{ position:inherit; width:100%; right:0; top:0px; background:#fff; min-height:300px !important; padding:40px 30px 40px 30px; clear:both;}

.zice{ width:100%; height:auto; padding:0 0px 0 0px; position:relative;}

.xonee {width:100%;height:auto;overflow:hidden; background:none;}

.zice_r h1{ color:#194596; font-size:26px; margin-bottom:20px;}

.xoin{ width:218px; height:59px; background:#1a4598; text-align:center; line-height:59px; margin-top:-30px; z-index:99; position:absolute; left:0; color:#fff; font-size:18px; }

.xoin span{ color:#fff; font-size:14px; margin-left:15px;}
.fwzz dt{ width:42%; float:left; margin:0 4% 10px;}
.fwzz dt a span{ padding:5px 0 0; font-size:16px;}

}

@media(max-width:414px){

.td_box{ background:#f5f5f5; width:100%; height:auto; padding:40px 15px 40px 15px; position:relative;}	

.xoiex img{ display:block; max-width:100%; min-height:260px;}

.xoiex{ width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center bottom;}

.xoni {width:100%;height:auto;overflow:hidden; margin-top:30px;}

.zice_l{ float:left; width:100%; height:auto; min-height:auto !important; background:url(../images/bg5.jpg) no-repeat center bottom;}

.zice_r{ position:inherit; width:100%; right:0; top:0px; background:#fff; min-height:300px !important; padding:20px 15px 20px 15px; clear:both;}

.zice{ width:100%; height:auto; padding:0 0px 0 0px; position:relative;}

.xonee {width:100%;height:auto;overflow:hidden; background:none;}

.zice_r h1{ color:#194596; font-size:26px; margin-bottom:20px;}

.xoin{ width:218px; height:59px; background:#1a4598; text-align:center; line-height:59px; margin-top:-30px; z-index:99; position:absolute; left:0; color:#fff; font-size:18px; }

.xoin span{ color:#fff; font-size:14px; margin-left:15px;}

.zice_r p{ line-height:24px; color:#333333; font-size:14px; margin-bottom:10px;}

.xonne{ width:100%; height:auto; padding:60px 0 0 0px; position:relative;transition: all 1s ease;}

.swiper-slide-active .xonne{ padding:0px 0 0 0px;}

}

/*专家团队 end*/



/*联系我们 begin*/

.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:90px 0;}

.lxin_t{ width:400px; height:auto; margin:0 auto; margin-bottom:65px; overflow:hidden;}

.lxin_t li{ float:left; width:50%; border:1px solid #cccccc;line-height:54px; text-align:center;}

.lxin_t li a{ display:block; color:#333333; font-size:16px;}

.lxin_t li:hover{ background:#71a7d4;}

.lxin_t li:hover a{ color:#fff; font-weight:bold;}

.lxin_t li.qini{ background:#71a7d4;}

.lxin_t li.qini a{ color:#fff;}

.lxin_b{ clear:both; width:67%; height:auto; margin:0 auto;}

.lxin_bt{ overflow:hidden; width:30%; margin:0 auto; margin-bottom:40px;}

.lxin_bt p{ line-height:24px; color:#333333; font-size:16px; text-align:left; margin-bottom:10px;}

.lxin_bt p span{ display:inline-table; background:url(../images/bg7.jpg) no-repeat left 11px; padding-left:15px; font-weight:bold;}

.lxin_bt p em a{ color:#71a7d4; font-size:16px; font-weight:bold;}

@media(max-width:1680px){

.lxin_b{ clear:both; width:76%; height:auto; margin:0 auto;}

}

@media(max-width:1440px){

.lxin_b{ clear:both; width:89%; height:auto; margin:0 auto;}

}

@media(max-width:1280px){

.lxin_bt{ overflow:hidden; width:33%; margin:0 auto; margin-bottom:40px;}



}

@media(max-width:1024px){

.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 30px;}

.lxin_b{ clear:both; width:89%; height:auto; margin:0 auto;}

.lxin_t{ width:100%; height:auto; margin:0 auto; margin-bottom:20px; overflow:hidden;}

.lxin_t li{ float:left; width:33.33%; border:1px solid #cccccc;line-height:45px; text-align:center;}

.lxin_t li a{ display:block; color:#333333; font-size:14px;}

.lxin_bt{ overflow:hidden; width:45%; margin:0 auto; margin-bottom:40px;}

}

@media(max-width:768px){

.lxin_bt{ overflow:hidden; width:371px; margin:0 auto; margin-bottom:40px;}	

}

@media(max-width:414px){

.lx_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 15px;}

.lxin_b{ clear:both; width:100%; height:auto; margin:0 auto;}

.lxin_bt p{ line-height:24px; color:#333333; font-size:14px; text-align:left; margin-bottom:10px;}

.lxin_bt p span{ display:inline-table; background:url(../images/bg7.jpg) no-repeat left 11px; padding-left:15px; font-weight:bold;}

.lxin_bt p em a{ color:#71a7d4; font-size:14px; font-weight:bold;}

.lxin_bt{ overflow:hidden; margin-bottom:20px;}

.lxin_bt{ overflow:hidden; width:100%; margin:0 auto; margin-bottom:20px;}



}

.lx_box1{ padding-bottom:0px;}

.lxmi{ clear:both; width:67%; height:auto; margin:0 auto;}

.lxmi_t{ padding-left:64px; margin-bottom:40px; overflow:hidden;}

.lxmi_t li{ float:left; width:16.6%; background:url(../images/bg8.jpg) no-repeat left 10px; line-height:24px; padding-left:16px; margin-bottom:20px; cursor:pointer;}

.lxmi_t li span{ color:#333333; font-size:18px; display:inline-table;}

.lxmi_t li.Color span{ color:#71a7d4; font-weight:bold; border-bottom:2px solid #71a7d4;}



.lxmi_b{ clear:both; height:auto; position:relative;}

.lxmi_b1{ height:auto; position:relative;}

.lxim_b12{ height:auto; position:relative;}

.lxim_b12 img{ display:block; max-width:100%;}

.lxim13{ width:36%; height:100%; background:#71a7d4; position:absolute; left:0; top:0;}

.lxic_t{ width:100%; height:auto;}

.lxic_t img{ display:block; width:100%; height:307px;}

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:75px 10px;}

.lxic_b h1{ text-align:center; color:#fff; font-size:18px; line-height:24px; margin-bottom:10px;}

.lxic_b p{ line-height:24px; color:#fff; font-size:16px; text-align:center; margin-bottom:10px;}

.lxic_b p span{ display:inline-table; background:url(../images/bg9.png) no-repeat left 11px; padding-left:15px; font-weight:bold;}

.lxic_b p em a{ color:#fff; font-size:16px; font-weight:bold;}

.hide {visibility: hidden; z-index:-1;height: 0;}

@media(max-width:1680px){

.lxmi{ clear:both; width:76%; height:auto; margin:0 auto;}	

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:45px 10px;}

}

@media(max-width:1440px){

.lxmi{ clear:both; width:89%; height:auto; margin:0 auto;}	

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:65px 10px;}

}

@media(max-width:1366px){

.lxmi{ clear:both; width:89%; height:auto; margin:0 auto;}	

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:55px 10px;}

}

@media(max-width:1280px){

.lxmi{ clear:both; width:89%; height:auto; margin:0 auto;}	

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:35px 10px;}

}

@media(max-width:1024px){

.lxmi{ clear:both; width:100%; height:auto; margin:0 auto;}	

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:35px 10px;}

.lxmi_t{ padding-left:0px; margin-bottom:20px; overflow:hidden;}

.lxmi_t li{ float:left; width:33.33%; background:url(../images/bg8.jpg) no-repeat left 10px; line-height:24px; padding-left:16px; margin-bottom:10px; cursor:pointer;}

.lxim13{ width:100%; height:100%; background:#71a7d4; position:inherit; left:0; top:0;}

.lxic_t img{ display:block; width:100%; height:auto;}

}

@media(max-width:414px){

.lxmi{ clear:both; width:100%; height:auto; margin:0 auto;}	

.lxic_b{ height:auto; background:url(../images/bg8.png) no-repeat center center; padding:35px 10px;}

.lxmi_t{ padding-left:0px; margin-bottom:20px; overflow:hidden;}

.lxmi_t li{ float:left; width:33.33%; background:url(../images/bg8.jpg) no-repeat left 10px; line-height:24px; padding-left:16px; margin-bottom:10px; cursor:pointer; height:26px;}

.lxim13{ width:100%; height:100%; background:#71a7d4; position:inherit; left:0; top:0;}

.lxic_t img{ display:block; width:100%; height:auto;}

.lxmi_t li span{ color:#333333; font-size:14px; display:inline-table;}

.lxic_b p{ line-height:24px; color:#fff; font-size:14px; text-align:center; margin-bottom:10px;}

.lxic_b p span{ display:inline-table; background:url(../images/bg9.png) no-repeat left 11px; padding-left:15px; font-weight:bold;}

.lxic_b p em a{ color:#fff; font-size:14px; font-weight:bold;}



}

/*联系我们 end*/



/*最新资讯 beign*/

.zx_box{ clear:both; width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:0 240px;}

.zx_box ul{ float:right;}

.zx_box li{ float:left; line-height:70px;transition: all 1s ease;}

.zx_box li a{ display:block; padding:0 50px; color:#333333; font-size:16px}

.zx_box li:hover{ background:#71a7d4}

.zx_box li:hover a{ color:#fff;}

.zx_box li.oinq{ background:#71a7d4;}

.zx_box li.oinq a{ color:#fff;}

@media(max-width:1680px){

.zx_box{ clear:both; width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:0 160px;}

}

@media(max-width:1440px){

.zx_box{ clear:both; width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:0 100px;}

}

@media(max-width:1024px){

.zx_box{ clear:both; width:100%; height:auto; background:#f5f5f5; overflow:hidden; padding:0 30px;}

.zx_box li{ float:left; line-height:50px;transition: all 1s ease;}

}

@media(max-width:414px){

.zx_box{ clear:both; width:100%; height:auto; background: none; overflow:hidden; padding:0 0;}

.zx_box ul{ display:block; width:100%;}

.zx_box li{ float:left; line-height:42px; float:left; width:23%; margin:1%;transition: all 1s ease; background:#f5f5f5;}

.zx_box li a{ display:block; padding:0 0px;color:#333333; font-size:14px; width:100%; text-align:center;}

}

.zx_box1{ clear:both; height:auto; overflow:hidden; padding:80px 240px;}

.xiee{ width:100%; height:auto;}

.xwin{ width:100%; height:auto; margin:0 auto;}

.xwin dl{ clear:both; height:auto; overflow:hidden; margin-bottom:82px;}

.xwin dt{ float:left; width:39%; height:auto; overflow:hidden;}

.xwin dt img{ display:block; width:100%; height:378px;transition: all 1s ease;}

.xwin dd{ float:right; width:55%; min-height:378px; position:relative; padding-top:65px;}

.xw dd{ width:100%; min-height:100px; padding:0;}
.xw dl{ margin-bottom:20px;}
.xwin dd:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:100%;background:#cccccc;transition:400ms ease all;-moz-transition:400ms ease all;}

.xwin dd span{ float:right; width:74px; height:74px; border:1px solid #a8a8a8; text-align:center; line-height:72px; color:#2b2b2b; font-size:24px;transition: all 1s ease;font-family:"Microsoft YaHei"}

.xwin dd span em{ color:#2b2b2b; font-size:18px;font-family:"Microsoft YaHei";transition: all 1s ease;}

.xwin dd font{ display:block; float:left; width:83%; height:auto;}
.xwin dd .w_100{ width:99%}
.xwin dd h1{ position:relative; line-height:74px; color:#2b2b2b; font-size:22px; margin-bottom:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xwin dd h1:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:0px;background:#02b7c6;transition:400ms ease all;-moz-transition:400ms ease all;}

.xwin dd p{ line-height:28px; color:#666666; font-size:16px; height:56px; overflow:hidden; margin-bottom:35px;}

.xwin dd em.ope{ color:#666666; font-size:14px; font-family:"Microsoft YaHei"; position:relative;transition: all 0.5s ease;}

.xwin dd em.ope:after{ content:'';position:absolute;left:66px; top:8px; height:2px;width:0px;background:#78d9e1;transition:400ms ease all;-moz-transition:400ms ease all;}

.xwin dd em.ope img{ vertical-align:middle; margin-left:10px; opacity:0;}

.xwin dl:hover dd:after{ background:#71a7d4;}

.xwin dl:hover dd em.ope img{ vertical-align:middle; margin-left:10px; opacity:1;transition: all 1s ease;}

.xwin dl:hover dd em.ope{ padding-left:0px;}

.xwin dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.xwin dl:hover dd span{ border:1px solid #71a7d4; background:#71a7d4; color:#fff;}

.xwin dl:hover dd span em{ color:#fff;}

@media(max-width:1680px){

.zx_box1{ clear:both; height:auto; overflow:hidden; padding:80px 160px;}	

}

@media(max-width:1440px){

.zx_box1{ clear:both; height:auto; overflow:hidden; padding:80px 100px;}

.xwin{ width:100%; height:auto; margin:0 auto;}	

.xwin dt img{ display:block; width:100%; height:345px;transition: all 1s ease;}

.xwin dd{ float:right; width:55%; min-height:345px; position:relative; padding-top:45px;}

}

@media(max-width:1366px){

.xwin{ width:100%;  height:auto; margin:0 auto;}	

.xwin dt img{ display:block; width:100%; height:324px;transition: all 1s ease;}

.xwin dd{ float:right; width:55%; min-height:324px; position:relative; padding-top:45px;}

}

@media(max-width:1024px){

.zx_box1{ clear:both; height:auto; overflow:hidden; padding:40px 30px;}

.xwin{ width:100%; padding:0 0px; height:auto; margin:0 auto;}	

.xwin dt img{ display:block; width:100%; height:251px;transition: all 1s ease;}

.xwin dd{ float:right; width:55%; min-height:251px; position:relative; padding-top:25px;}

.xwin dl{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

}

@media(max-width:768px){



.xwin{ width:100%; padding:0 0px; height:auto; margin:0 auto;}	

.xwin dt img{ display:block; width:100%;max-width:100%; margin:0 auto; height:auto;transition: all 1s ease;}

.xwin dt{ float:left; width:100%; height:auto; overflow:hidden;}



.xwin dd{ float:right; width:100%; min-height:auto; position:relative; padding-top:15px; padding-bottom:15px;}

.xwin dl{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}
.xw dl{ margin-bottom:0px;}
.xwin dd span{ float:right; width:74px; height:54px; border:1px solid #a8a8a8; text-align:center; line-height:52px; color:#2b2b2b; font-size:24px;transition: all 1s ease;font-family:"Microsoft YaHei"}

.xwin dd h1{ position:relative; line-height:54px; color:#2b2b2b; font-size:22px; margin-bottom:0px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xwin dd p{ line-height:28px;  color:#666666; font-size:14px; height:auto; overflow:hidden; margin-bottom:15px;}



}

@media(max-width:414px){

.zx_box1{ clear:both; height:auto; overflow:hidden; padding:40px 15px;}

.xwin{ width:100%; padding:0 0px; height:auto; margin:0 auto;}	

.xwin dt img{ display:block; width:100%;max-width:100%; margin:0 auto; height:auto;transition: all 1s ease;}

.xwin dt{ float:left; width:100%; height:auto; overflow:hidden;}


.xwin dd{ float:right; width:100%; min-height:auto; position:relative; padding-top:15px; padding-bottom:15px;}

.xwin dl{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}
.xw dl{ margin-bottom:0px;}
.xwin dd span{ float:right; width:74px; height:54px; border:1px solid #a8a8a8; text-align:center; line-height:52px; color:#2b2b2b; font-size:24px;transition: all 1s ease;font-family:"Microsoft YaHei"}

.xwin dd h1{ position:relative; line-height:54px; color:#2b2b2b; font-size:16px; margin-bottom:0px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xwin dd p{ line-height:28px; color:#666666; font-size:14px; height:56px; overflow:hidden; margin-bottom:15px;}

.xwin dd font{ display:block; float:left; width:77%; height:auto;}
.xw dd font{ width:72%}


}

.news_rb{ clear:both; width:100%; height:auto; text-align:center;}

.news_rb a{ color:#333333; font-size:14px; line-height:24px; margin-right:15px; font-family:"Microsoft YaHei";}

.news_rb a img{ vertical-align:middle;}

.news_rb a.prev{ border-bottom:1px solid #71a7d4; padding-bottom:5px;}

.news_rb a.next{border-bottom:1px solid #71a7d4; padding-bottom:5px; margin-right:0px;}

.news_rb span.cupir{ color:#fff; font-size:14px; font-family:"Microsoft YaHei"; background:#71a7d4; line-height:34px; padding:0 9px; margin-right:15px; height:34px; display:inline-table;}

.news_rb font{ color:#333; font-size:14px; margin-right:15px; font-family:"Microsoft YaHei";}





.xwin1{ width:100%; height:auto; margin:0 auto;}

.baout{ height:auto; overflow:hidden; border-bottom:1px solid #999999; min-height:85px;margin-bottom:60px; position:relative;}

.baout h1{ text-align:center; color:#333333; line-height:36px; font-size:24px;}

.baout p{ text-align:center; color:#666666; font-size:14px; line-height:28px;}

.fuhi{ position:absolute; cursor:pointer; right:0; top:15px; color:#333333;font-family:"Microsoft YaHei"; font-size:14px;}

.fuhi img{ vertical-align:middle; margin-right:10px;}

.xwny{ height:auto; overflow:hidden; border-bottom:1px solid #999999; margin-bottom:35px;}

.xwny p{ line-height:32px; color:#666666; font-size:15px; margin-bottom:30px;font-family:"Microsoft YaHei";}

.xwny p img{ display:block; max-width:100%; height:auto; margin:0 auto;}

.xwny p span.wonn{ color:#000; font-weight:bold; font-size:15px; display:block; text-align:center; margin-top:10px;}

.sxhi{ height:auto; overflow:hidden;}

.sxhi_l{ float:left; width:100%;}

.sxhi_l p{ line-height:31px; color:#333333; font-size:14px;}

.sxhi_l p a{ color:#333333; font-size:16px;font-family:"Microsoft YaHei";}

.sxhi_l p a:hover{ color:#ce0000;}

.xwny h5{ text-align:center; font-size:18px; color:#ce0000; line-height:32px;}

.xwny h6{ text-align:center; font-size:15px; color:#ccc; line-height:32px; margin-bottom:35px;}

@media(max-width:1440px){

.xwin1{ width:100%; height:auto; margin:0 auto;}

}

@media(max-width:1024px){

.xwin1{ width:100%; height:auto; margin:0 auto;}

.fuhi{ position:inherit; cursor:pointer; right:0; top:15px; color:#333333;font-family:"Microsoft YaHei"; font-size:14px; float:right;}

.baout{ height:auto; overflow:hidden; border-bottom:1px solid #999999; min-height:auto; padding-bottom:35px;margin-bottom:30px; position:relative;}

.baout h1{ text-align:center; color:#333333; line-height:26px; font-size:20px;}

.sxhi_l p a{ color:#333333; font-size:14px;font-family:"Microsoft YaHei";}

}

@media(max-width:414px){

.xwin1{ width:100%; height:auto; margin:0 auto;}

.xwny p{ line-height:32px; color:#666666; font-size:14px; margin-bottom:15px;font-family:"Microsoft YaHei";}

.sxhi_l p a{ color:#333333; font-size:14px;font-family:"Microsoft YaHei";}

.xwny h6{ text-align:center; font-size:15px; color:#ccc; line-height:32px; margin-bottom:15px;}

}

/*最新资讯 end*/



/*产品与应用 begin*/

@media(max-width:414px){

.zx_box_1 li{ width:50%;}	

}



.cp_box{ clear:both; width:100%; height:auto; padding:85px 240px; overflow:hidden;}

.cp_oec{ float:left; width:14%; height:auto; padding-top:14px;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:54px; border:1px solid #ccc; text-align:center; margin-bottom:49px;}

.cp_oec li a{ display:block; color:#333333; font-size:16px;}

.cp_oec li:hover{ background:#71a7d4; border:1px solid #71a7d4;}

.cp_oec li:hover a{ color:#fff;}

.cp_oec li.Color1{background:#71a7d4; border:1px solid #71a7d4;}

.cp_oec li.Color1 a{ color:#fff;}

.coni{ float:right; width:75%; height:auto; position:relative;}

.coni_t{ width:100%; height:auto; overflow:hidden;}

.yinie{ width:100%; height:auto; overflow:hidden; position:relative; cursor:pointer;}

.yinie img{ display:block; width:100%; height:auto;}

.yinie span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; color:#fff; font-size:20px;transition: all 0.5s ease; background:rgba(0,0,0,0.3);}

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:209px 40px 0 40px; opacity:0;transition: all 0.5s ease;}

.yhin h1{ text-align:center; color:#fff; font-size:20px; line-height:28px; margin-bottom:15px;}

.yhin p{ color:#fff; font-size:16px; line-height:24px;}

.yinie:hover .yhin{opacity:1;}

.yinie:hover .yinie span{opacity:0;}

@media(max-width:1680px){

.cp_box{ clear:both; width:100%; height:auto; padding:85px 160px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:180px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:54px; border:1px solid #ccc; text-align:center; margin-bottom:39px;}

}

@media(max-width:1600px){

.cp_box{ clear:both; width:100%; height:auto; padding:85px 160px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:180px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:54px; border:1px solid #ccc; text-align:center; margin-bottom:30px;}

}

@media(max-width:1440px){

.cp_box{ clear:both; width:100%; height:auto; padding:85px 100px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:160px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:54px; border:1px solid #ccc; text-align:center; margin-bottom:24px;}

}

@media(max-width:1366px){

.cp_box{ clear:both; width:100%; height:auto; padding:85px 100px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:140px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:50px; border:1px solid #ccc; text-align:center; margin-bottom:25px;}

}

@media(max-width:1024px){

.cp_box{ clear:both; width:100%; height:auto; padding:40px 30px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:140px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:50px; border:1px solid #ccc; text-align:center; margin-bottom:25px;}

.cp_oec{ float:left; width:100%; height:auto; padding-top:14px;}

.cp_oec li{ float:left; width:19%; margin-right:1.2%; height:auto; line-height:54px; border:1px solid #ccc; text-align:center; margin-bottom:30px;}

.cp_oec li:last-child{ margin-right:0%;}

.coni{ float:right; width:100%; height:auto; position:relative; padding:0 0px;}

}

@media(max-width:768px){

.cp_box{ clear:both; width:100%; height:auto; padding:40px 30px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:140px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:50px; border:1px solid #ccc; text-align:center; margin-bottom:25px;}

.cp_oec{ float:left; width:100%; height:auto; padding-top:14px;}

.cp_oec li{ float:left; width:19%; margin-right:1.2%; height:auto; line-height:54px; border:1px solid #ccc; text-align:center; margin-bottom:30px;}

.cp_oec li:last-child{ margin-right:0%;}

.coni{ float:right; width:100%; height:auto; position:relative; padding:0 0px;}

}

@media(max-width:414px){

.cp_box{ clear:both; width:100%; height:auto; padding:40px 15px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:200px 20px 0 20px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:50px; border:1px solid #ccc; text-align:center; margin-bottom:25px;}

.cp_oec{ float:left; width:100%; height:auto; padding-top:0px;}

.cp_oec li{ float:left; width:48%; margin-right:2%; height:auto; line-height:40px; border:1px solid #ccc; text-align:center; margin-bottom:10px;}

.cp_oec li:last-child{ margin-right:0%;}

.coni{ float:right; width:100%; height:auto; position:relative; padding:20px 0px 0 0px;}

.cp_oec li a{ display:block; color:#333333; font-size:14px;}

}

@media(max-width:360px){

.cp_box{ clear:both; width:100%; height:auto; padding:40px 15px;}	

.yhin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg10.png) no-repeat center center; background-size:cover; padding:150px 20px 0 20px; opacity:0;transition: all 0.5s ease;}

.cp_oec li{ float:left; width:100%; height:auto; line-height:50px; border:1px solid #ccc; text-align:center; margin-bottom:25px;}

.cp_oec{ float:left; width:100%; height:auto; padding-top:0px;}

.cp_oec li{ float:left; width:48%; margin-right:2%; height:auto; line-height:40px; border:1px solid #ccc; text-align:center; margin-bottom:10px;}

.cp_oec li:last-child{ margin-right:0%;}

.coni{ float:right; width:100%; height:auto; position:relative; padding:20px 0px 0 0px;}

.cp_oec li a{ display:block; color:#333333; font-size:14px;}

}



.coni_b{ height:auto; overflow:hidden; clear:both; position:relative;}

.hide1{visibility: hidden;z-index:-1;height:0;}

.coni_bl{ float:left; width:49%; height:auto; position:relative; overflow:hidden;}

.coni_bl img{ display:block; width:100%; height:499px;}

.coni_bl span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0px; background:rgba(0,0,0,0.25); color:#fff; font-size:20px; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; opacity:1;transition: all 1s ease;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:180px 45px 0 45px; opacity:0;transition: all 0.5s ease;}

.cona h1{ color:#fff; font-size:20px; line-height:28px; text-align:center; margin-bottom:15px;}

.cona p{ line-height:24px; color:#fff; font-size:16px;}

.coni_bl:hover span{ opacity:0;}

.coni_bl:hover .cona{ opacity:1;}

.coni_br{ float:right; width:49%; height:auto; overflow:hidden;}

.coni_br dl{ width:100%; height:auto; overflow:hidden; margin-bottom:22px;}

.coni_br dt{ width:100%; height:auto; overflow:hidden; position:relative;}

.coni_br dt img{ display:block; width:100%; height:239px;}

.coni_br dt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0px; background:rgba(0,0,0,0.25); color:#fff; font-size:20px; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; opacity:1;transition: all 1s ease;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:80px 45px 0 45px;opacity:0;transition: all 0.5s ease;}

.dnin h1{ color:#fff; font-size:20px; line-height:28px; text-align:center; margin-bottom:15px;}

.dnin p{ line-height:24px; color:#fff; font-size:16px;}

.coni_br dl:last-child{ margin-bottom:0px;}

.coni_br dl:hover dt span{opacity:0;}

.coni_br dl:hover .dnin{opacity:1;}

@media(max-width:1680px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:70px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:434px;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:160px 45px 0 45px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:208px;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:60px 45px 0 45px;opacity:0;transition: all 0.5s ease;}

}

@media(max-width:1440px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:70px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:396px;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:160px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:189px;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:40px 30px 0 30px;opacity:0;transition: all 0.5s ease;}

}

@media(max-width:1024px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:70px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:396px;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:160px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:189px;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:40px 30px 0 30px;opacity:0;transition: all 0.5s ease;}

}

@media(max-width:768px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:170px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:auto;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:260px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:auto;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:100px 30px 0 30px;opacity:0;transition: all 0.5s ease;}

.coni_bl{ float:left; width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:20px;}

.coni_br{ float:right; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:170px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:auto;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:120px 30px 0 30px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:auto;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:20px 30px 0 30px;opacity:0;transition: all 0.5s ease;}

.coni_bl{ float:left; width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:20px;}

.coni_br{ float:right; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:375px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:170px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:auto;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:100px 15px 0 15px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:auto;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:15px 15px 0 15px;opacity:0;transition: all 0.5s ease;}

.coni_bl{ float:left; width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:20px;}

.coni_br{ float:right; width:100%; height:auto; overflow:hidden;}

.dnin p{ line-height:24px; color:#fff; font-size:14px;}

}

@media(max-width:360px){

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:170px 45px 0 45px;opacity:0;transition: all 0.5s ease;}	

.coni_bl img{ display:block; width:100%; height:auto;}

.cona{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:100px 15px 0 15px; opacity:0;transition: all 0.5s ease;}

.coni_br dt img{ display:block; width:100%; height:auto;}

.dnin{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg11.png) no-repeat center center; background-size:cover; padding:15px 15px 0 15px;opacity:0;transition: all 0.5s ease;}

.coni_bl{ float:left; width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:20px;}

.coni_br{ float:right; width:100%; height:auto; overflow:hidden;}

.dnin p{ line-height:24px; color:#fff; font-size:14px;}

}



.yy_box{ width:100%; height:auto; padding:80px 0 70px 0; overflow:hidden;}

.rune{ text-align:center; color:#333333; font-size:36px; line-height:38px; margin-bottom:50px;}

.rune i{ display:block; color:#999999; font-size:36px;  margin-bottom:15px; line-height:38px;}

.yyiw{ width:100%; height:auto; position:relative; background:url(../images/bg11.jpg) no-repeat 92% 35px; overflow:hidden;}

.ppdl{ width:100%; height:auto; position:relative; min-height:706px !important;}

.yyiw_l{ float:left; width:58%; height:auto;}

.yyiw_l img{ display:block; width:100%;}

.yyiw_r{ float:right; width:48%; height:auto; position:absolute; right:0; padding-top:127px;}

.ixne{ width:100%; height:auto; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; min-height:577px !important; padding:152px 240px 0 167px;}

.ixne_t{ color:#fff; font-size:26px; font-weight:bold; line-height:36px; margin-bottom:20px;}

.ixne_b{ height:auto; overflow:hidden;}

.ixne_b p{ color:#fff; font-size:15px; line-height:28px; letter-spacing:1.2px;}

.yine{ position:absolute; width:100%; height:92px; right:0; bottom:96px;}

@media(max-width:1680px){

.ixne{ width:100%; height:auto; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; min-height:517px !important; padding:122px 160px 0 160px;}

.yine{ position:absolute; width:100%; height:92px; right:0; bottom:130px;}

.ppdl{ width:100%; height:auto; position:relative; min-height:706px !important;}

}

@media(max-width:1440px){

.ixne{ width:100%; height:auto; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; min-height:417px !important; padding:82px 100px 0 100px;}

.yine{ position:absolute; width:100%; height:92px; right:0; bottom:80px;}

.ppdl{ width:100%; height:auto; position:relative; min-height:586px !important;}

}

@media(max-width:1366px){
.ys{ padding:0 5%}	
.ys dt{ height:200px;}
.ys dt a .ys_t{ width:80px; height:80px;    margin: 15px auto 0 auto;}
.ys dt a:hover .ys_t{margin:25px auto 0 auto;  background:#71a7d4; border-radius:50%; }
.ys_bt{    margin: 25px auto 35px;}

.ixne{ width:100%; height:auto; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; min-height:417px !important; padding:82px 100px 0 100px;}

.yine{ position:absolute; width:100%; height:92px; right:0; bottom:40px;}

.ppdl{ width:100%; height:auto; position:relative; min-height:546px !important;}

}

@media(max-width:1024px){

.yy_box{ width:100%; height:auto; padding:40px 0 40px 0; overflow:hidden;}

.ixne{ width:100%; height:auto; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; min-height:317px !important; padding:40px 30px;}

.yine{ position:absolute; width:100%; height:92px; right:0; bottom:40px;}

.ppdl{ width:100%; height:auto; position:relative; min-height:auto !important;}

.yyiw_l{ float:left; width:100%; height:auto;}

.yyiw_r{ float:right; width:100%; height:auto; position:inherit; right:0; padding-top:0px;}

.ixne_t{ color:#fff; font-size:20px; font-weight:bold; line-height:26px; margin-bottom:20px;}

.ixne_b{ height:auto; overflow:hidden;}

.ixne_b p{ color:#fff; font-size:14px; line-height:24px; letter-spacing:1.2px;}

.aqws{ padding:0 30px;}

.rune{ text-align:center; color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.rune i{ display:block; color:#999999; font-size:20px;  margin-bottom:10px; line-height:28px;}



}

@media(max-width:414px){

.yy_box{ width:100%; height:auto; padding:40px 0 40px 0; overflow:hidden;}

.ixne{ width:100%; height:auto; background:url(../images/bg10.jpg) no-repeat center center; background-size:cover; min-height:367px !important; padding:40px 15px;}

.yine{ position:absolute; width:100%; height:92px; right:0; bottom:40px;}

.ppdl{ width:100%; height:auto; position:relative; min-height:auto !important; overflow:hidden;}

.yyiw_l{ float:left; width:100%; height:auto;}

.yyiw_r{ float:right; width:100%; height:auto; position:inherit; right:0; padding-top:0px;}

.ixne_t{ color:#fff; font-size:20px; font-weight:bold; line-height:26px; margin-bottom:20px;}

.ixne_b{ height:auto; overflow:hidden;}

.ixne_b p{ color:#fff; font-size:14px; line-height:24px; letter-spacing:1.2px;}

.aqws{ padding:0 15px;}

}



.yy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:30px 240px 110px 240px;}

.tyci_t{ text-align:center; color:#333333; line-height:38px; font-size:36px;}

.tyci_t i{ display:block; color:#999999; font-size:36px;   margin-bottom:15px;}



.tyci_b{ width:100%; height:600px; position:relative; overflow:hidden; margin-top:58px;}

.tyci_bl{ float:left; width:77%; height:auto; overflow:hidden; padding-top:29px;}

.tyci_br{ float:right; width:21%; height:auto; overflow:hidden; padding:60px 0}

.tyci_btr{ width:100%; height:480px; overflow:hidden;}

.acft{ width:100%; height:auto; position:relative;}

.acft img{ display:block; width:100%; height:auto;}

.acft_k{ position:absolute; width:27%; height:100%; position:absolute; left:0; top:0; background:rgba(26,70,153,0.85); padding:160px 30px 0 30px;}

.acft_k h1{ color:#fff; font-size:28px; line-height:28px; margin-bottom:25px;}

.acft_k p{ background:url(../images/bg14.png) no-repeat left 10px; padding-left:16px; line-height:27px; color:#fff; font-size:15px;}

.vfyu{ width:100%; height:auto; position:relative;}

.vfyu img{ display:block; width:100%;}

.vfyu span{ width:100%; height:100%; position:absolute; left:0; top:0;border:4px solid #ddd;

border-image: -webkit-linear-gradient(#27ffff, #7985fa) 20 20;

border-image: -moz-linear-gradient(#27ffff, #7985fa) 20 20;

border-image: -o-linear-gradient(#27ffff, #7985fa) 20 20;

border-image: linear-gradient(#27ffff, #7985fa) 20 20; opacity:0;}

.swiper-slide-active .vfyu span{opacity:1;}

@media(max-width:1680px){

.yy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:30px 160px 110px 160px;}

.acft_k{ position:absolute; width:27%; height:100%; position:absolute; left:0; top:0; background:rgba(26,70,153,0.85); padding:140px 30px 0 30px;}

}

@media(max-width:1440px){

.yy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:30px 100px 110px 100px;}

.acft_k{ position:absolute; width:27%; height:100%; position:absolute; left:0; top:0; background:rgba(26,70,153,0.85); padding:70px 30px 0 30px;}

.tyci_btr{ width:100%; height:380px; overflow:hidden;}

.tyci_b{ width:100%; height:500px; position:relative; overflow:hidden; margin-top:58px;}

}

@media(max-width:1024px){

.yy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:0px 30px 40px 30px;}

.acft_k{ position:absolute; width:27%; height:100%; position:absolute; left:0; top:0; background:rgba(26,70,153,0.85); padding:90px 30px 0 30px;}

.tyci_btr{ width:100%; height:auto; overflow:hidden;}

.tyci_b{ width:100%; height:auto; position:relative; overflow:hidden; margin-top:30px;}

.tyci_bl{ float:left; width:100%; height:auto; overflow:hidden; padding-top:29px;}

.tyci_br{ float:right; width:100%; height:auto; overflow:hidden; padding:0px 0; margin-top:20px;}

.tyci_t{ text-align:center; color:#333333; line-height:28px; font-size:20px;}

.tyci_t i{ display:block; color:#999999; font-size:20px;   margin-bottom:0px;}



}

@media(max-width:768px){

.yy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:0px 30px 40px 30px;}

.acft_k{ position:absolute; width:47%; height:100%; position:absolute; left:0; top:0; background:rgba(26,70,153,0.85); padding:50px 30px 0 30px;}

.tyci_btr{ width:100%; height:auto; overflow:hidden;}

.tyci_b{ width:100%; height:auto; position:relative; overflow:hidden; margin-top:30px;}

.tyci_bl{ float:left; width:100%; height:auto; overflow:hidden; padding-top:29px;}

.tyci_br{ float:right; width:100%; height:auto; overflow:hidden; padding:0px 0; margin-top:20px;}

}

@media(max-width:414px){

.yy_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:0px 15px 40px 15px;}

.acft_k{ position:inherit; width:100%; height:100%; position:inherit; left:0; top:0; background:rgba(26,70,153,0.85); padding:30px 15px 30px 15px;}

.tyci_btr{ width:100%; height:auto; overflow:hidden;}

.tyci_b{ width:100%; height:auto; position:relative; overflow:hidden; margin-top:0px;}

.tyci_bl{ float:left; width:100%; height:auto; overflow:hidden; padding-top:29px;}

.tyci_br{ float:right; width:100%; height:auto; overflow:hidden; padding:0px 0; margin-top:20px;}

.acft_k h1{ color:#fff; font-size:20px; line-height:24px; margin-bottom:10px;}

.acft_k p{ background:url(../images/bg14.png) no-repeat left 10px; padding-left:16px; line-height:24px; color:#fff; font-size:14px;}



}



.yy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center; background-size:cover; padding:80px 0px 130px 0px;}

.tyci_t1{ margin-bottom:45px;}

.dlsc{ width:1180px; height:auto; margin:0 auto;}

.dlsc_t{ width:100%; height:auto; background:url(../images/bg13.jpg) no-repeat center center; line-height:80px; padding:0 90px; overflow:hidden;}

.dlsc_t li{ float:left; color:#fff; font-size:16px; font-weight:bold; text-align:center;}

.dlsc_t li:nth-child(1){ width:90px;}

.dlsc_t li:nth-child(2){ width:22%;}

.dlsc_t li:nth-child(3){ width:12%;}

.dlsc_t li:nth-child(4){ width:27%;}

.dlsc_t li:nth-child(5){ width:30%;}

.dlsc_b{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:18px 90px;}

.dlsc_b li{ clear:both; line-height:56px; border-bottom:1px solid #ccc; overflow:hidden;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:16px; text-align:center;}

.dlsc_b li span:nth-child(1){ width:90px;}

.dlsc_b li span:nth-child(2){ width:22%;}

.dlsc_b li span:nth-child(3){ width:12%;}

.dlsc_b li span:nth-child(4){ width:27%;}

.dlsc_b li span:nth-child(5){ width:30%;}

.dlsc_b li:last-child{ border:none;}

@media(max-width:1024px){

.yy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center; background-size:cover; padding:40px 30px 40px 30px;}	

.dlsc{ width:100%; height:auto; margin:0 auto;}

.dlsc_t{ width:100%; height:auto; background:url(../images/bg13.jpg) no-repeat center center; line-height:80px; padding:0 30px; overflow:hidden;}

.dlsc_t li:nth-child(1){ width:17.5%;}

.dlsc_t li:nth-child(2){ width:17.5%;}

.dlsc_t li:nth-child(3){ width:17.5%;}

.dlsc_t li:nth-child(4){ width:17.5%;}

.dlsc_t li:nth-child(5){ width:30%;}

.dlsc_b{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:18px 30px;}

.dlsc_b li{ clear:both; line-height:46px; border-bottom:1px solid #ccc; overflow:hidden;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:16px; text-align:center;}

.dlsc_b li span:nth-child(1){ width:17.5%;}

.dlsc_b li span:nth-child(2){ width:17.5%;}

.dlsc_b li span:nth-child(3){ width:17.5%;}

.dlsc_b li span:nth-child(4){ width:17.5%;}

.dlsc_b li span:nth-child(5){ width:30%;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:12px; text-align:center;}

.tyci_t1{ margin-bottom:30px;}

}

@media(max-width:768px){

.yy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center; background-size:cover; padding:40px 30px 40px 30px;}	

.dlsc{ width:100%; height:auto; margin:0 auto;}

.dlsc_t{ width:100%; height:auto; background:url(../images/bg13.jpg) no-repeat center center; line-height:80px; padding:0 30px; overflow:hidden;}

.dlsc_t li:nth-child(1){ width:15%;}

.dlsc_t li:nth-child(2){ width:15%;}

.dlsc_t li:nth-child(3){ width:15%;}

.dlsc_t li:nth-child(4){ width:15%;}

.dlsc_t li:nth-child(5){ width:40%;}

.dlsc_t li{ float:left; color:#fff; font-size:14px; font-weight:bold; text-align:center;}

.dlsc_b{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:18px 30px;}

.dlsc_b li{ clear:both; line-height:46px; border-bottom:1px solid #ccc; overflow:hidden;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:16px; text-align:center;}

.dlsc_b li span:nth-child(1){ width:15%;}

.dlsc_b li span:nth-child(2){ width:15%;}

.dlsc_b li span:nth-child(3){ width:15%;}

.dlsc_b li span:nth-child(4){ width:15%;}

.dlsc_b li span:nth-child(5){ width:40%;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:12px; text-align:center;}

}

@media(max-width:414px){

.yy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center; background-size:cover; padding:40px 15px 40px 15px;}	

.dlsc{ width:100%; height:auto; margin:0 auto;}

.dlsc_t{ width:100%; height:auto; background:url(../images/bg13.jpg) no-repeat center center; line-height:40px; padding:0 15px; overflow:hidden;}

.dlsc_t li:nth-child(1){ width:33.33%;}

.dlsc_t li:nth-child(2){ width:33.33%;}

.dlsc_t li:nth-child(3){ width:33.33%;}

.dlsc_t li:nth-child(4){ width:33.33%;}

.dlsc_t li:nth-child(5){ width:65%;}

.dlsc_t li{ float:left; color:#fff; font-size:14px; font-weight:bold; text-align:center;}

.dlsc_b{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:18px 15px;}

.dlsc_b li{ clear:both; line-height:35px; border-bottom:1px solid #ccc; overflow:hidden;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:16px; text-align:center;}

.dlsc_b li span:nth-child(1){ width:33.33%;}

.dlsc_b li span:nth-child(2){ width:33.33%;}

.dlsc_b li span:nth-child(3){ width:33.33%;}

.dlsc_b li span:nth-child(4){ width:33.33%;}

.dlsc_b li span:nth-child(5){ width:65%;}

.dlsc_b li span{ display:block; float:left; color:#333333; font-size:12px; text-align:center;}

}

.yyiw2{ padding:0 240px 60px 240px;}

.tuyi_t{ width:100%; height:auto;}

.tuyi_t img{ display:block; margin:0 auto; max-width:100%;}

.tuyi_b{ width:54%; height:auto; background:rgba(26,70,153,0.9); margin-top:-230px; padding:80px 74px; position:relative; z-index:11;}

.tuyi_b h1{ color:#fff; font-size:26px; font-weight:bold; line-height:28px; margin-bottom:25px;}

.tuyi_b p{ line-height:28px; font-size:15px; color:#fff;}

@media(max-width:1680px){

.yyiw2{ padding:0 160px 60px 160px;}

.tuyi_b{ width:54%; height:auto; background:rgba(26,70,153,0.9); margin-top:-230px; padding:80px 54px; position:relative; z-index:11;}

}

@media(max-width:1440px){

.yyiw2{ padding:0 100px 60px 100px;}

.tuyi_b{ width:54%; height:auto; background:rgba(26,70,153,0.9); margin-top:-180px; padding:40px 40px; position:relative; z-index:11;}

}

@media(max-width:1024px){

.yyiw2{ padding:0 30px 0px 30px;}

.tuyi_b{ width:100%; height:auto; background:rgba(26,70,153,0.9); margin-top:0px; padding:30px 30px; position:relative; z-index:11;}

.tuyi_b h1{ color:#fff; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:20px;}

.tuyi_b p{ line-height:24px; font-size:14px; color:#fff;}

}

@media(max-width:414px){

.yyiw2{ padding:0 15px 0px 15px;}

.tuyi_b{ width:100%; height:auto; background:rgba(26,70,153,0.9); margin-top:0px; padding:30px 15px; position:relative; z-index:11;}

.tuyi_b h1{ color:#fff; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:20px;}

.tuyi_b p{ line-height:24px; font-size:14px; color:#fff;}

}

.yy_box3{ width:100%; height:auto; overflow:hidden; background:url(../images/bg14.jpg) no-repeat right bottom #f5f5f5; padding:120px 240px 130px 240px;}

.ytyi{ width:100%; height:auto; position:relative; overflow:hidden;}

.ruqw{ width:100%; height:auto; overflow:hidden;}

.ruqw_l{ float:left; width:27%; height:auto; padding-top:205px;}

.ruqw_l h1{ color:#333333; font-size:36px; line-height:38px; margin-bottom:15px;}

.ruqw_l p{ line-height:28px; color:#333333; font-size:15px; letter-spacing:1px;}

.ruqw_r{ float:right; width:69%; height:auto;}

.ruqw_r img{ display:block; width:100%;}

@media(max-width:1680px){

.yy_box3{ width:100%; height:auto; overflow:hidden; background:url(../images/bg14.jpg) no-repeat right bottom #f5f5f5; padding:120px 160px 130px 160px;}	

}

@media(max-width:1600px){

.yy_box3{ width:100%; height:auto; overflow:hidden; background:url(../images/bg14.jpg) no-repeat right bottom #f5f5f5; padding:120px 160px 130px 160px;}

.ruqw_l{ float:left; width:27%; height:auto; padding-top:105px;}	

}

@media(max-width:1440px){

.yy_box3{ width:100%; height:auto; overflow:hidden; background:url(../images/bg14.jpg) no-repeat right bottom #f5f5f5; padding:120px 100px 130px 100px;}

.ruqw_l{ float:left; width:27%; height:auto; padding-top:105px;}	

}

@media(max-width:1280px){

.yy_box3{ width:100%; height:auto; overflow:hidden; background:url(../images/bg14.jpg) no-repeat right bottom #f5f5f5; padding:120px 100px 130px 100px;}

.ruqw_l{ float:left; width:27%; height:auto; padding-top:75px;}	

}

@media(max-width:1024px){

.yy_box3{ width:100%; height:auto; overflow:hidden; background: #f5f5f5; padding:40px 30px 40px 30px;}

.ruqw_l{ float:left; width:100%; height:auto; padding-top:0px; margin-bottom:20px;}	

.ruqw_r{ float:right; width:100%; height:auto;}

.ytyi{ width:100%; height:auto; position:relative; overflow:hidden; padding-bottom:90px;}

.ruqw_l h1{ color:#333333; font-size:20px; line-height:28px; margin-bottom:15px;}

.ruqw_l p{ line-height:24px; color:#333333; font-size:14px; letter-spacing:1px;}

}

@media(max-width:768px){

.yy_box3{ width:100%; height:auto; overflow:hidden; background: #f5f5f5; padding:40px 15px 40px 15px;}

.ruqw_l{ float:left; width:100%; height:auto; padding-top:0px; margin-bottom:20px;}	

.ruqw_r{ float:right; width:100%; height:auto;}

.ytyi{ width:100%; height:auto; position:relative; overflow:hidden; padding-bottom:90px;}

.ruqw_l h1{ color:#333333; font-size:20px; line-height:28px; margin-bottom:15px;}

.ruqw_l p{ line-height:24px; color:#333333; font-size:14px; letter-spacing:1px;}

}

.gdui{ width:1440px; height:auto; overflow:hidden; margin:0 auto;}

#certify {

	position: relative;

	width: 1440px;

	margin: 0 auto

}



#certify .swiper-container {

	width:1440px;

}



#certify  .swiper-slide {

	width: 1300px;

	height: auto;

	 position:relative;



}

#certify  .swiper-slide img{

	display:block;

	width:100%;

	border-radius:5px;

}

#certify  .tygh {

	position:absolute; left:0; bottom:40px; z-index:99; padding:0 50px; color:#fff;

	opacity:0;

}

#certify  .tygh h1{ color:#fff; font-size:20px;}

#certify  .tygh p{ line-height:28px; font-size:15px;color:#fff;}

#certify .swiper-pagination {

	width: 1440px;

	bottom: 20px;

}

#certify  .swiper-slide-active .tygh{opacity:1;}

#certify .swiper-button-prev8 {

	left:40px;

	width: 84px;

	height: 84px;

	background:url(../images/bg21.png) no-repeat center center rgba(0,0,0,0.3);

	top:45%;

	position:absolute;

	z-index:9999

}



#certify .swiper-button-next8 {

	right:80px;

	width: 84px;

	height: 84px;

	background:url(../images/bg22.png) no-repeat center center rgba(0,0,0,0.3);

	top:45%;

	position:absolute;

	z-index:9999

}

@media(max-width:1440px){

.gdui{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0px;}

#certify {

	position: relative;

	width: 1280px;

	margin: 0 auto;

	overflow:hidden;

}



#certify .swiper-container {

	width:1280px;

}



#certify  .swiper-slide {

	width: 1080px;

	height: auto;

	 position:relative;



}

	

}

@media(max-width:1024px){

.gdui{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0px;}

#certify {

	position: relative;

	width: 964px;

	margin: 0 auto;

	overflow:hidden;

}



#certify .swiper-container {

	width:964px;

}



#certify  .swiper-slide {

	width: 944px;

	height: auto;

	 position:relative;



}

	

}

@media(max-width:768px){

.gdui{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0px;}

#certify {

	position: relative;

	width: 708px;

	margin: 0 auto;

	overflow:hidden;

}



#certify .swiper-container {

	width:708px;

}



#certify  .swiper-slide {

	width: 690px;

	height: auto;

	 position:relative;



}

#certify  .tygh {

	position:absolute; left:0; bottom:20px; z-index:99; padding:0 30px; color:#fff;

	opacity:0;

}	

#certify .swiper-button-prev8 {

	left:40px;

	width: 54px;

	height: 54px;

	background:url(../images/bg21.png) no-repeat center center rgba(0,0,0,0.3);

	top:35%;

	position:absolute;

	z-index:9999

}



#certify .swiper-button-next8 {

	right:50px;

	width: 54px;

	height: 54px;

	background:url(../images/bg22.png) no-repeat center center rgba(0,0,0,0.3);

	top:35%;

	position:absolute;

	z-index:9999

}



}

@media(max-width:414px){

.gdui{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0px;}

#certify {

	position: relative;

	width: 100%;

	margin: 0 auto;

	overflow:hidden;

}



#certify .swiper-container {

	width:100%;

}



#certify  .swiper-slide {

	width: 100%;

	height: auto;

	 position:relative;



}

#certify  .tygh {

	position:absolute; left:0; bottom:5px; z-index:99; padding:0 15px; color:#fff;

	opacity:0;

}	

#certify .swiper-button-prev8 {

	left:40px;

	width: 54px;

	height: 54px;

	background:url(../images/bg21.png) no-repeat center center rgba(0,0,0,0.3);

	top:35%;

	position:absolute;

	z-index:9999

}



#certify .swiper-button-next8 {

	right:50px;

	width: 54px;

	height: 54px;

	background:url(../images/bg22.png) no-repeat center center rgba(0,0,0,0.3);

	top:35%;

	position:absolute;

	z-index:9999

}

#certify  .tygh h1{ color:#fff; font-size:16px;}

#certify  .tygh p{ line-height:24px; font-size:12px;color:#fff;}

}

/*产品与应用 end*/



/*产品性能与检测 beign*/

.cr_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:80px 240px 30px 240px;}

.cpjie{ height:auto; padding-bottom:40px;}

.cpjie h1{ text-align:center; color:#333333; font-size:36px; line-height:38px; margin-bottom:30px;}

.cpjie p{ text-align:center; color:#333333; line-height:28px; font-size:15px;}

.bghn{ width:900px; height:auto; overflow:hidden; margin:0 auto;}

.bghn li{ float:left; width:14%; height:auto; margin-bottom:50px; overflow:hidden;}

.buhi_t{ width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:10px;}

.buhi_t img{ display:block; max-width:100%;}

.buhi_t span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;animation: whirl 30s linear infinite; display:block;}

.bghn li p{ text-align:center; color:#333333; font-size:15px; line-height:28px; font-weight:bold;}

 @keyframes whirl {

            from {

                transform: rotate(0deg);

            }

            to {

                transform: rotate(360deg);

            }

        }

.bghn li.uni{ padding-top:59px;}

.bghn li.uni img{ display:block; margin:0 auto;}

@media(max-width:1680px){

.cr_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:80px 160px 30px 160px;}	

}

@media(max-width:1440px){

.cr_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:80px 100px 30px 100px;}	

}

@media(max-width:1024px){

.cr_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 30px 30px 30px;}	

.cpjie{ height:auto; padding-bottom:30px;}

.cpjie h1{ text-align:center; color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.cpjie p{ text-align:center; color:#333333; line-height:24px; font-size:14px;}

.bghn{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

}

@media(max-width:414px){

.cr_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 15px 30px 15px;}	

.cpjie{ height:auto; padding-bottom:30px;}

.cpjie h1{ text-align:center; color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.cpjie p{ text-align:center; color:#333333; line-height:24px; font-size:14px;}

.bghn{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.bghn li.uni{ padding-top:59px; display:none;}

.bghn li{ float:left; width:33.33%; height:auto; margin-bottom:20px; padding:0 10px; overflow:hidden;}

.bghn li p{ text-align:center; color:#333333; font-size:14px; line-height:24px; font-weight:bold;}



}

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:80px 0 50px 0; position:relative; min-height:670px !important;}

.xiq2{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:88}

.xiq2 h1{ text-align:center; color:#fff; font-size:36px; line-height:38px; font-weight:bold; margin-bottom:30px;}

.xiq2 p{ text-align:center; color:#fff; font-size:15px; line-height:28px;}

.bgus{ width:100%; height:100%; position:absolute; left:0; top:0;}

@media(max-width:1680px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:80px 0 50px 0; position:relative; min-height:587px !important;}

}

@media(max-width:1600px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:80px 0 50px 0; position:relative; min-height:559px !important;}

}

@media(max-width:1440px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:60px 0 50px 0; position:relative; min-height:503px !important;}

}

@media(max-width:1366px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:60px 0 50px 0; position:relative; min-height:477px !important;}

}

@media(max-width:1360px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:60px 0 50px 0; position:relative; min-height:475px !important;}

}

@media(max-width:1280px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:60px 0 50px 0; position:relative; min-height:447px !important;}

}

@media(max-width:1024px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:40px 30px 40px 30px; position:relative; min-height:357px !important;}

.xiq2{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:88}

.xiq2 h1{ text-align:center; color:#fff; font-size:20px; line-height:28px; font-weight:bold; margin-bottom:20px;}

.xiq2 p{ text-align:center; color:#fff; font-size:14px; line-height:24px;}

}

@media(max-width:768px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:40px 30px 40px 30px; position:relative; min-height:298px !important;}

.xiq2{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:88}

.xiq2 h1{ text-align:center; color:#fff; font-size:20px; line-height:28px; font-weight:bold; margin-bottom:20px;}

.xiq2 p{ text-align:center; color:#fff; font-size:14px; line-height:24px;}

.bgus{ width:100%; height:100%; position:absolute; left:0; top:0; bottom:0px; padding-top:30px;}

}

@media(max-width:414px){

.cr_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:40px 15px 40px 15px; position:relative; min-height:298px !important;}

.xiq2{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:88}

.xiq2 h1{ text-align:center; color:#fff; font-size:20px; line-height:28px; font-weight:bold; margin-bottom:20px;}

.xiq2 p{ text-align:center; color:#fff; font-size:14px; line-height:24px;}

.bgus{ width:100%; height:100%; position:absolute; left:0; top:0; bottom:0px; padding-top:130px;}

}

.cr_box2{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0;}

.xiq2c h1{ color:#333333; font-weight:normal;}

.tupi{ width:100%; height:auto; background:url(../images/bg17.jpg) no-repeat center bottom; padding-bottom:25px; padding-top:40px;}

.tupi img{ display:block; margin:0 auto; max-width:100%;}

@media(max-width:1024px){

.cr_box2{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 30px;}

.tupi{ width:100%; height:auto; background:url(../images/bg17.jpg) no-repeat center bottom; padding-bottom:25px; padding-top:0px;}

}

@media(max-width:414px){

.cr_box2{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 15px;}

.tupi{ width:100%; height:auto; background:url(../images/bg17.jpg) no-repeat center bottom; padding-bottom:25px; padding-top:0px;}

}

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:132px 240px; background:#f5f5f5;}

.ciue{ clear:both; height:auto;}

.ciue_l{ float:left; width:363px; height:auto; color:#333333; font-size:36px; line-height:52px; padding-top:125px;}

.ciue_r{ float:right; width:67%; height:auto;}

.ciue_r li{ float:left; width:50%; height:auto;}

.ciue_r li img{ display:block; width:100%;}

.ciue_e{ float:left; width:33%;}

.ciue_e img{ display:block; width:100%;}

.ciue_w{ float:right; width:63%; height:auto; padding-top:75px;}

.ciue_w p{ line-height:28px; color:#333333; font-size:15px; margin-bottom:10px;}

.ciue_w p:last-child{ margin-bottom:0px;}

@media(max-width:1680px){

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:132px 160px; background:#f5f5f5;}

.ciue_l{ float:left; width:363px; height:auto; color:#333333; font-size:36px; line-height:52px; padding-top:95px;}

}

@media(max-width:1600px){

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:132px 160px; background:#f5f5f5;}

.ciue_l{ float:left; width:363px; height:auto; color:#333333; font-size:36px; line-height:52px; padding-top:95px;}

.ciue_w{ float:right; width:63%; height:auto; padding-top:35px;}

}

@media(max-width:1440px){

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:132px 100px; background:#f5f5f5;}

.ciue_l{ float:left; width:363px; height:auto; color:#333333; font-size:36px; line-height:52px; padding-top:95px;}

.ciue_w{ float:right; width:63%; height:auto; padding-top:55px;}

.ciue_w p{ line-height:24px; color:#333333; font-size:14px; margin-bottom:10px;}=

}

@media(max-width:1280px){

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:132px 100px; background:#f5f5f5;}

.ciue_l{ float:left; width:343px; height:auto; color:#333333; font-size:36px; line-height:52px; padding-top:95px;}

.ciue_w{ float:right; width:63%; height:auto; padding-top:25px;}

.ciue_w p{ line-height:24px; color:#333333; font-size:14px; margin-bottom:10px;}

}

@media(max-width:1024px){

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:40px 30px; background:#f5f5f5;}

.ciue_l{ float:left; width:100%; height:auto; color:#333333; font-size:20px; line-height:28px; padding-top:0px; text-align:center; margin-bottom:30px;}

.ciue_w{ float:right; width:100%; height:auto; padding-top:25px;}

.ciue_w p{ line-height:24px; color:#333333; font-size:14px; margin-bottom:10px;}

.ciue_r{ float:right; width:100%; height:auto;}

.ciue_e{ float:left; width:100%;}

.ciue_r li{ float:left; width:100%; height:auto;}

}

@media(max-width:414px){

.cr_box3{ width:100%; height:auto; overflow:hidden; padding:40px 15px; background:#f5f5f5;}

.ciue_l{ float:left; width:100%; height:auto; color:#333333; font-size:20px; line-height:28px; padding-top:0px; text-align:center; margin-bottom:30px;}

.ciue_w{ float:right; width:100%; height:auto; padding-top:25px;}

.ciue_w p{ line-height:24px; color:#333333; font-size:14px; margin-bottom:10px;}

.ciue_r{ float:right; width:100%; height:auto;}

.ciue_e{ float:left; width:100%;}

.ciue_r li{ float:left; width:100%; height:auto;}

}

.cr_box4{ width:100%; height:auto; /*background:url(../images/bg18.jpg) no-repeat right top;*/ background:#fff;}

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -121px; padding:102px 240px;}

.goni_t{ width:64%; height:auto; overflow:hidden; margin-bottom:60px;}

.goni_t h1{ color:#333333; font-size:36px; line-height:38px; margin-bottom:40px;}

.goni_t p{ line-height:28px; color:#333333; font-size:14px; letter-spacing:1px;}

.ziunr{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:100px;}

.tux{ position:relative;}

.tux span{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0;transition: all 1s ease; opacity:0;}

.swiper-slide-active .tux span{ opacity:1;}

.tux em{ width:100%; height:100%; position:absolute; left:0; top:0; border:60px solid #fff; opacity:0; border-right:none; border-left:none;}

.swiper-slide-active .tux em{ opacity:1;}

.xnee{ height:auto;}

.xnee h1{ text-align:center; color:#333333; font-size:36px; line-height:38px; margin-bottom:30px;}

.xnee p{ width:980px; margin:0 auto; text-align:center; color:#333; font-size:15px; line-height:28px; margin-bottom:50px;}

.xnee  img{ display:block; max-width:100%; margin:0 auto;}

@media(max-width:1680px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -141px; padding:102px 160px;}

}

@media(max-width:1600px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -164px; padding:102px 160px;}

}

@media(max-width:1440px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -149px; padding:102px 100px;}

.goni_t{ width:54%; height:auto; overflow:hidden; margin-bottom:60px;}



}

@media(max-width:1400px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -161px; padding:102px 100px;}

}

@media(max-width:1366px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -171px; padding:102px 100px;}

}

@media(max-width:1360px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -173px; padding:102px 100px;}

}

@media(max-width:1280px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -169px; padding:102px 100px;}

}

@media(max-width:1200px){

.cr_box4_1{ width:100%; height:auto; background:url(../images/bg19.jpg) no-repeat right -192px; padding:102px 100px;}

}

@media(max-width:1024px){

.cr_box4_1{ width:100%; height:auto; background:none; padding:40px 30px;}

.goni_t{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.goni_t h1{ color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.goni_t p{ line-height:24px; color:#333333; font-size:14px; letter-spacing:1px;}

.ziunr{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:30px;}

.xnee h1{ text-align:center; color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.xnee p{ width:100%; margin:0 auto; text-align:center; color:#333; font-size:14px; line-height:24px; margin-bottom:30px;}

}

@media(max-width:414px){

.cr_box4_1{ width:100%; height:auto; background:none; padding:40px 15px;}

.goni_t{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.goni_t h1{ color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.goni_t p{ line-height:24px; color:#333333; font-size:14px; letter-spacing:1px;}

.ziunr{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:30px;}

.xnee h1{ text-align:center; color:#333333; font-size:20px; line-height:28px; margin-bottom:20px;}

.xnee p{ width:100%; margin:0 auto; text-align:center; color:#333; font-size:14px; line-height:24px; margin-bottom:30px;}

}



.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 240px 0 240px;}

.gszj{ text-align:center; color:#333; font-size:36px; line-height:38px; margin-bottom:45px;}

.gszh{ width:1244px; margin:0 auto; text-align:center; margin-bottom:50px;}

.gszh p{ text-align:center; color:#333333; line-height:28px; font-size:15px;}

.gszg{ width:100%; height:auto;}

.gszg img{ display:block; margin:0 auto; max-width:100%;}

@media(max-width:1680px){

.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 160px 0 160px;}

}

@media(max-width:1440px){

.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 100px 0 100px;}

}

@media(max-width:1280px){

.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 100px 0 100px;}

.gszh{ width:100%; margin:0 auto; text-align:center; margin-bottom:50px;}

}

@media(max-width:1200px){

.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 60px 0 60px;}

.gszh{ width:100%; margin:0 auto; text-align:center; margin-bottom:50px;}

}

@media(max-width:1024px){

.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 30px 0 30px;}

.gszh{ width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}

.gszj{ text-align:center; color:#333; font-size:20px; line-height:38px; margin-bottom:20px;}

.gszh p{ text-align:center; color:#333333; line-height:24px; font-size:14px;}

.ys{ padding:0 1%;top: 10px;}	
.ys dt{ height:140px;  width:30%; margin:0 1.5% 2%; background:#fff}
.ys dt a .ys_t{ width:70px; height:70px;    margin: 15px auto 10px auto;background:#71a7d4; border-radius:50%;}
.ys dt a:hover .ys_t{margin:15px auto 10px auto; background:#71a7d4; border-radius:50%;  }
.ys_bt{    margin:15px auto 25px; font-size:30px}
.ys dt a{ color:#000}
.ys dt a h1{ font-size:14px; line-height:20px; padding:0}
.ys dt a span{ display:none}
.ys dt:nth-child(11) { display:none;border-right: none; }
}

@media(max-width:414px){

.cr_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:40px 15px 0 15px;}

.gszh{ width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}

.gszj{ text-align:center; color:#333; font-size:20px; line-height:38px; margin-bottom:20px;}

.gszh p{ text-align:center; color:#333333; line-height:24px; font-size:14px;}

}

.zh_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:90px 0 90px 0; position:relative;}

.fwut{ text-align:center; color:#1f1f1f; line-height:24px; font-size:24px; margin-bottom:0px;}

.fwut i{ color:#0a0a0a; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-left:13px;}

.fwur{ padding-bottom:70px; position:relative;}

.wonk{ width:100%; height:auto; position:relative;}

.wonk img{ display:block; width:100%; height:auto;}

.wonk span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg25.png) no-repeat center center;transition: all 1s ease; opacity:0; padding:180px 50px 0 50px;}

.wonk span em{ display:block; width:100%; height:auto; text-align:center; color:#fff; font-size:26px; line-height:36px;}
.wonk span i{ display:block; font-size:16px; color:#fff; line-height:28px; text-align:center; width:100%;}

.wonk:hover span{opacity:1;}

@media(max-width:1024px){

.zh_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 40px 0; position:relative;}
.wonk span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg25.png) no-repeat center center;transition: all 1s ease; opacity:0; padding:100px 20px 0 20px;}

.wonk span em{ display:block; width:100%; height:auto; text-align:center; color:#fff; font-size:16px; line-height:26px;}
.wonk span i{ display:block; font-size:14px; color:#fff; line-height:24px; text-align:center; width:100%;}


}

@media(max-width:414px){

.zh_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 40px 0; position:relative;}
.wonk span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg25.png) no-repeat center center;transition: all 1s ease; opacity:0; padding:80px 20px 0 20px;}


.fwur{ padding-bottom:40px; position:relative;}

}
@media(max-width:360px){

.zh_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 40px 0; position:relative;}
.wonk span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bg25.png) no-repeat center center;transition: all 1s ease; opacity:0; padding:70px 20px 0 20px;}


.fwur{ padding-bottom:40px; position:relative;}

}


.zinei_l{ float:left; width:36%; height:auto;  padding-top:158px; position:relative;}

.zinei_l span{ display:block; width:100%; height:auto; position:relative;}

.zinei_l em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2)}

.zinei_l img{ display:block; width:100%; height:auto;}

.zinei_r{ float:left; width:64%; height:auto;}

.zinei_r img{ display:block; width:100%; height:auto;}

@media(max-width:1680px){

.zinei_l{ float:left; width:36%; height:auto;  padding-top:108px; position:relative;}

}

@media(max-width:1440px){

.zinei_l{ float:left; width:36%; height:auto;  padding-top:108px; position:relative;}

}

@media(max-width:414px){

.zinei_l{ float:left; width:100%; height:auto;  padding-top:0px; position:relative;}

.zinei_r{ float:left; width:100%; height:auto;}

}

/*产品性能与检测 end*/



































































.circleProgress_wrapper {

	width: 36px;

	height: 36px;

	margin: 50px auto;

	position:absolute;

	left:0;

	right:0;

	bottom:-7px;

	z-index:999999;

	background:url(../images/bg26.png) no-repeat center center;

	overflow:hidden;

}

.circleprogress {

	width: 34px;

	height: 34px;

	border:2px solid red;

	border-left:2px solid transparent;

	border-bottom:2px solid transparent;

	border-radius: 50%;

}

.wrapper {

	width: 18px;

	height: 56px;

	position: absolute;

	top:0;

	overflow: hidden;

}

.right {

	right:0;

}

.left {

	left:0;

}

.circleProgress {

	width: 36px;

	height: 36px;

	border:2px solid transparent;

	border-radius: 50%;

	position: absolute;

	top:0;

}

.rightcircle {

	border-top:2px solid #fff;

	border-right:2px solid #fff;

	right:0;

}

.leftcircle {

	border-bottom:2px solid #fff;

	border-left:2px solid #fff;

	left:0;

}

.rightcircle {

	border-top:2px solid #fff;

	border-right:2px solid #fff;

	right:0;

	-webkit-animation: circleProgressLoad_right 6s linear infinite;

}

.leftcircle {

	border-bottom:2px solid #fff;

	border-left:2px solid #fff;

	left:0;

	-webkit-animation: circleProgressLoad_left 6s linear infinite;

}

 @-webkit-keyframes circleProgressLoad_right {

 0% {

 -webkit-transform: rotate(45deg);

}

 50%, 100% {

 -webkit-transform: rotate(225deg);

}

}

 @-webkit-keyframes circleProgressLoad_left {

 0%, 50% {

 -webkit-transform: rotate(45deg);

}

 100% {

 -webkit-transform: rotate(225deg);

}

}



















































































































































































</pre></body></html>